@web3jskit/walletkit 0.0.1

package/src/components/SVGs/metamaskQrCode.tsx

@@ -0,0 +1,393 @@
+const MetamaskQrCode = () => (
+	<svg height="228" width="228" style={{ all: 'revert' }}>
+		<title>QR Code</title>
+		<defs>
+			<clipPath id="clip-wrapper">
+				<rect height="20" width="20"></rect>
+			</clipPath>
+			<clipPath id="clip-logo">
+				<rect height="0" width="0"></rect>
+			</clipPath>
+		</defs>
+		<rect fill="transparent" height="228" width="228"></rect>
+		<rect fill="black" height="55.03448275862069" rx="12" ry="12" width="55.03448275862069" x="0" y="0"></rect>
+		<rect
+			fill="white"
+			height="39.310344827586206"
+			rx="5"
+			ry="5"
+			width="39.310344827586206"
+			x="7.862068965517241"
+			y="7.862068965517241"
+		></rect>
+		<rect
+			fill="black"
+			height="23.586206896551722"
+			rx="0"
+			ry="0"
+			width="23.586206896551722"
+			x="15.724137931034482"
+			y="15.724137931034482"
+		></rect>
+		<rect
+			fill="black"
+			height="55.03448275862069"
+			rx="12"
+			ry="12"
+			width="55.03448275862069"
+			x="172.9655172413793"
+			y="0"
+		></rect>
+		<rect
+			fill="white"
+			height="39.310344827586206"
+			rx="5"
+			ry="5"
+			width="39.310344827586206"
+			x="180.82758620689654"
+			y="7.862068965517241"
+		></rect>
+		<rect
+			fill="black"
+			height="23.586206896551722"
+			rx="0"
+			ry="0"
+			width="23.586206896551722"
+			x="188.68965517241378"
+			y="15.724137931034482"
+		></rect>
+		<rect
+			fill="black"
+			height="55.03448275862069"
+			rx="12"
+			ry="12"
+			width="55.03448275862069"
+			x="0"
+			y="172.9655172413793"
+		></rect>
+		<rect
+			fill="white"
+			height="39.310344827586206"
+			rx="5"
+			ry="5"
+			width="39.310344827586206"
+			x="7.862068965517241"
+			y="180.82758620689654"
+		></rect>
+		<rect
+			fill="black"
+			height="23.586206896551722"
+			rx="0"
+			ry="0"
+			width="23.586206896551722"
+			x="15.724137931034482"
+			y="188.68965517241378"
+		></rect>
+		<circle cx="3.9310344827586206" cy="98.27586206896551" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="3.9310344827586206" cy="106.13793103448275" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="3.9310344827586206" cy="129.72413793103448" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="3.9310344827586206" cy="153.31034482758622" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="11.793103448275861" cy="66.82758620689656" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="11.793103448275861" cy="82.55172413793103" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="11.793103448275861" cy="90.41379310344827" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="11.793103448275861" cy="114" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="11.793103448275861" cy="121.86206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="11.793103448275861" cy="129.72413793103448" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="11.793103448275861" cy="145.44827586206898" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="11.793103448275861" cy="153.31034482758622" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="11.793103448275861" cy="161.17241379310346" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="19.655172413793103" cy="82.55172413793103" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="19.655172413793103" cy="90.41379310344827" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="19.655172413793103" cy="106.13793103448275" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="19.655172413793103" cy="114" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="19.655172413793103" cy="129.72413793103448" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="19.655172413793103" cy="153.31034482758622" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="27.51724137931034" cy="90.41379310344827" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="27.51724137931034" cy="98.27586206896551" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="27.51724137931034" cy="106.13793103448275" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="27.51724137931034" cy="114" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="27.51724137931034" cy="121.86206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="27.51724137931034" cy="145.44827586206898" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="35.37931034482759" cy="66.82758620689656" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="35.37931034482759" cy="82.55172413793103" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="35.37931034482759" cy="90.41379310344827" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="35.37931034482759" cy="98.27586206896551" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="35.37931034482759" cy="114" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="35.37931034482759" cy="137.58620689655174" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="35.37931034482759" cy="145.44827586206898" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="35.37931034482759" cy="153.31034482758622" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="43.241379310344826" cy="74.6896551724138" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="43.241379310344826" cy="82.55172413793103" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="43.241379310344826" cy="90.41379310344827" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="43.241379310344826" cy="106.13793103448275" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="43.241379310344826" cy="145.44827586206898" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="43.241379310344826" cy="153.31034482758622" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="51.103448275862064" cy="66.82758620689656" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="51.103448275862064" cy="82.55172413793103" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="51.103448275862064" cy="98.27586206896551" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="51.103448275862064" cy="114" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="51.103448275862064" cy="129.72413793103448" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="51.103448275862064" cy="145.44827586206898" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="51.103448275862064" cy="161.17241379310346" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="58.96551724137931" cy="106.13793103448275" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="58.96551724137931" cy="114" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="58.96551724137931" cy="129.72413793103448" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="58.96551724137931" cy="137.58620689655174" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="58.96551724137931" cy="153.31034482758622" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="58.96551724137931" cy="161.17241379310346" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="66.82758620689656" cy="3.9310344827586206" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="66.82758620689656" cy="19.655172413793103" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="66.82758620689656" cy="35.37931034482759" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="66.82758620689656" cy="51.103448275862064" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="66.82758620689656" cy="74.6896551724138" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="66.82758620689656" cy="114" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="66.82758620689656" cy="121.86206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="66.82758620689656" cy="137.58620689655174" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="66.82758620689656" cy="161.17241379310346" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="66.82758620689656" cy="192.6206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="66.82758620689656" cy="216.20689655172416" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="74.6896551724138" cy="11.793103448275861" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="74.6896551724138" cy="27.51724137931034" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="74.6896551724138" cy="74.6896551724138" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="74.6896551724138" cy="82.55172413793103" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="74.6896551724138" cy="90.41379310344827" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="74.6896551724138" cy="114" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="74.6896551724138" cy="121.86206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="74.6896551724138" cy="161.17241379310346" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="74.6896551724138" cy="169.0344827586207" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="74.6896551724138" cy="176.89655172413794" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="74.6896551724138" cy="200.48275862068965" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="74.6896551724138" cy="224.0689655172414" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="82.55172413793103" cy="3.9310344827586206" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="82.55172413793103" cy="27.51724137931034" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="82.55172413793103" cy="35.37931034482759" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="82.55172413793103" cy="43.241379310344826" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="82.55172413793103" cy="51.103448275862064" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="82.55172413793103" cy="58.96551724137931" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="82.55172413793103" cy="98.27586206896551" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="82.55172413793103" cy="106.13793103448275" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="82.55172413793103" cy="169.0344827586207" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="82.55172413793103" cy="184.75862068965517" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="82.55172413793103" cy="192.6206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="82.55172413793103" cy="208.3448275862069" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="82.55172413793103" cy="216.20689655172416" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="82.55172413793103" cy="224.0689655172414" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="90.41379310344827" cy="27.51724137931034" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="90.41379310344827" cy="43.241379310344826" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="90.41379310344827" cy="74.6896551724138" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="90.41379310344827" cy="90.41379310344827" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="90.41379310344827" cy="98.27586206896551" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="90.41379310344827" cy="121.86206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="90.41379310344827" cy="137.58620689655174" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="90.41379310344827" cy="161.17241379310346" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="90.41379310344827" cy="184.75862068965517" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="90.41379310344827" cy="216.20689655172416" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="98.27586206896551" cy="3.9310344827586206" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="98.27586206896551" cy="11.793103448275861" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="98.27586206896551" cy="19.655172413793103" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="98.27586206896551" cy="43.241379310344826" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="98.27586206896551" cy="51.103448275862064" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="98.27586206896551" cy="129.72413793103448" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="98.27586206896551" cy="137.58620689655174" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="98.27586206896551" cy="153.31034482758622" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="98.27586206896551" cy="161.17241379310346" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="98.27586206896551" cy="169.0344827586207" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="98.27586206896551" cy="176.89655172413794" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="98.27586206896551" cy="200.48275862068965" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="98.27586206896551" cy="216.20689655172416" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="98.27586206896551" cy="224.0689655172414" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="106.13793103448275" cy="19.655172413793103" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="106.13793103448275" cy="66.82758620689656" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="106.13793103448275" cy="74.6896551724138" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="106.13793103448275" cy="82.55172413793103" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="106.13793103448275" cy="90.41379310344827" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="106.13793103448275" cy="98.27586206896551" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="106.13793103448275" cy="106.13793103448275" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="106.13793103448275" cy="121.86206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="106.13793103448275" cy="129.72413793103448" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="106.13793103448275" cy="169.0344827586207" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="106.13793103448275" cy="176.89655172413794" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="106.13793103448275" cy="200.48275862068965" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="106.13793103448275" cy="224.0689655172414" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="114" cy="11.793103448275861" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="114" cy="51.103448275862064" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="114" cy="58.96551724137931" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="114" cy="98.27586206896551" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="114" cy="121.86206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="114" cy="129.72413793103448" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="114" cy="137.58620689655174" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="114" cy="176.89655172413794" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="114" cy="192.6206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="114" cy="200.48275862068965" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="114" cy="216.20689655172416" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="114" cy="224.0689655172414" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="121.86206896551724" cy="82.55172413793103" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="121.86206896551724" cy="106.13793103448275" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="121.86206896551724" cy="114" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="121.86206896551724" cy="129.72413793103448" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="121.86206896551724" cy="137.58620689655174" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="121.86206896551724" cy="145.44827586206898" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="121.86206896551724" cy="161.17241379310346" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="121.86206896551724" cy="200.48275862068965" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="121.86206896551724" cy="216.20689655172416" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="129.72413793103448" cy="11.793103448275861" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="129.72413793103448" cy="19.655172413793103" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="129.72413793103448" cy="43.241379310344826" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="129.72413793103448" cy="51.103448275862064" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="129.72413793103448" cy="98.27586206896551" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="129.72413793103448" cy="114" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="129.72413793103448" cy="121.86206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="129.72413793103448" cy="137.58620689655174" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="129.72413793103448" cy="153.31034482758622" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="129.72413793103448" cy="161.17241379310346" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="129.72413793103448" cy="169.0344827586207" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="129.72413793103448" cy="176.89655172413794" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="129.72413793103448" cy="184.75862068965517" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="129.72413793103448" cy="200.48275862068965" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="129.72413793103448" cy="216.20689655172416" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="129.72413793103448" cy="224.0689655172414" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="137.58620689655174" cy="27.51724137931034" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="137.58620689655174" cy="35.37931034482759" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="137.58620689655174" cy="66.82758620689656" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="137.58620689655174" cy="74.6896551724138" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="137.58620689655174" cy="90.41379310344827" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="137.58620689655174" cy="114" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="137.58620689655174" cy="121.86206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="137.58620689655174" cy="137.58620689655174" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="137.58620689655174" cy="161.17241379310346" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="137.58620689655174" cy="176.89655172413794" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="137.58620689655174" cy="200.48275862068965" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="137.58620689655174" cy="208.3448275862069" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="137.58620689655174" cy="224.0689655172414" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="145.44827586206898" cy="3.9310344827586206" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="145.44827586206898" cy="19.655172413793103" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="145.44827586206898" cy="51.103448275862064" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="145.44827586206898" cy="58.96551724137931" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="145.44827586206898" cy="66.82758620689656" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="145.44827586206898" cy="74.6896551724138" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="145.44827586206898" cy="82.55172413793103" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="145.44827586206898" cy="98.27586206896551" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="145.44827586206898" cy="106.13793103448275" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="145.44827586206898" cy="145.44827586206898" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="145.44827586206898" cy="176.89655172413794" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="145.44827586206898" cy="184.75862068965517" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="145.44827586206898" cy="192.6206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="145.44827586206898" cy="216.20689655172416" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="145.44827586206898" cy="224.0689655172414" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="153.31034482758622" cy="11.793103448275861" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="153.31034482758622" cy="27.51724137931034" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="153.31034482758622" cy="43.241379310344826" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="153.31034482758622" cy="74.6896551724138" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="153.31034482758622" cy="82.55172413793103" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="153.31034482758622" cy="121.86206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="153.31034482758622" cy="137.58620689655174" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="153.31034482758622" cy="145.44827586206898" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="153.31034482758622" cy="153.31034482758622" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="153.31034482758622" cy="176.89655172413794" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="153.31034482758622" cy="200.48275862068965" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="153.31034482758622" cy="216.20689655172416" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="161.17241379310346" cy="3.9310344827586206" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="161.17241379310346" cy="19.655172413793103" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="161.17241379310346" cy="27.51724137931034" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="161.17241379310346" cy="35.37931034482759" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="161.17241379310346" cy="43.241379310344826" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="161.17241379310346" cy="51.103448275862064" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="161.17241379310346" cy="58.96551724137931" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="161.17241379310346" cy="66.82758620689656" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="161.17241379310346" cy="98.27586206896551" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="161.17241379310346" cy="129.72413793103448" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="161.17241379310346" cy="137.58620689655174" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="161.17241379310346" cy="153.31034482758622" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="161.17241379310346" cy="161.17241379310346" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="161.17241379310346" cy="169.0344827586207" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="161.17241379310346" cy="176.89655172413794" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="161.17241379310346" cy="184.75862068965517" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="161.17241379310346" cy="192.6206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="169.0344827586207" cy="66.82758620689656" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="169.0344827586207" cy="74.6896551724138" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="169.0344827586207" cy="82.55172413793103" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="169.0344827586207" cy="106.13793103448275" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="169.0344827586207" cy="121.86206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="169.0344827586207" cy="129.72413793103448" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="169.0344827586207" cy="137.58620689655174" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="169.0344827586207" cy="153.31034482758622" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="169.0344827586207" cy="161.17241379310346" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="169.0344827586207" cy="192.6206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="169.0344827586207" cy="208.3448275862069" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="169.0344827586207" cy="216.20689655172416" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="169.0344827586207" cy="224.0689655172414" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="176.89655172413794" cy="74.6896551724138" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="176.89655172413794" cy="90.41379310344827" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="176.89655172413794" cy="114" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="176.89655172413794" cy="121.86206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="176.89655172413794" cy="129.72413793103448" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="176.89655172413794" cy="153.31034482758622" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="176.89655172413794" cy="161.17241379310346" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="176.89655172413794" cy="176.89655172413794" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="176.89655172413794" cy="192.6206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="176.89655172413794" cy="200.48275862068965" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="176.89655172413794" cy="216.20689655172416" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="176.89655172413794" cy="224.0689655172414" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="184.75862068965517" cy="82.55172413793103" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="184.75862068965517" cy="106.13793103448275" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="184.75862068965517" cy="114" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="184.75862068965517" cy="129.72413793103448" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="184.75862068965517" cy="137.58620689655174" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="184.75862068965517" cy="161.17241379310346" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="184.75862068965517" cy="192.6206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="184.75862068965517" cy="200.48275862068965" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="184.75862068965517" cy="216.20689655172416" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="192.6206896551724" cy="66.82758620689656" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="192.6206896551724" cy="74.6896551724138" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="192.6206896551724" cy="82.55172413793103" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="192.6206896551724" cy="90.41379310344827" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="192.6206896551724" cy="114" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="192.6206896551724" cy="121.86206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="192.6206896551724" cy="145.44827586206898" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="192.6206896551724" cy="161.17241379310346" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="192.6206896551724" cy="169.0344827586207" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="192.6206896551724" cy="176.89655172413794" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="192.6206896551724" cy="184.75862068965517" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="192.6206896551724" cy="192.6206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="192.6206896551724" cy="216.20689655172416" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="200.48275862068965" cy="82.55172413793103" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="200.48275862068965" cy="98.27586206896551" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="200.48275862068965" cy="106.13793103448275" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="200.48275862068965" cy="114" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="200.48275862068965" cy="121.86206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="200.48275862068965" cy="153.31034482758622" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="200.48275862068965" cy="161.17241379310346" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="200.48275862068965" cy="184.75862068965517" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="200.48275862068965" cy="192.6206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="200.48275862068965" cy="208.3448275862069" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="208.3448275862069" cy="66.82758620689656" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="208.3448275862069" cy="82.55172413793103" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="208.3448275862069" cy="90.41379310344827" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="208.3448275862069" cy="106.13793103448275" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="208.3448275862069" cy="137.58620689655174" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="208.3448275862069" cy="153.31034482758622" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="208.3448275862069" cy="184.75862068965517" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="208.3448275862069" cy="192.6206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="208.3448275862069" cy="200.48275862068965" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="208.3448275862069" cy="224.0689655172414" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="216.20689655172416" cy="82.55172413793103" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="216.20689655172416" cy="106.13793103448275" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="216.20689655172416" cy="121.86206896551724" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="216.20689655172416" cy="153.31034482758622" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="216.20689655172416" cy="161.17241379310346" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="216.20689655172416" cy="169.0344827586207" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="216.20689655172416" cy="176.89655172413794" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="216.20689655172416" cy="216.20689655172416" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="224.0689655172414" cy="66.82758620689656" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="224.0689655172414" cy="90.41379310344827" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="224.0689655172414" cy="106.13793103448275" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="224.0689655172414" cy="129.72413793103448" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="224.0689655172414" cy="161.17241379310346" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="224.0689655172414" cy="169.0344827586207" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="224.0689655172414" cy="184.75862068965517" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="224.0689655172414" cy="216.20689655172416" fill="black" r="2.6206896551724137"></circle>
+		<circle cx="224.0689655172414" cy="224.0689655172414" fill="black" r="2.6206896551724137"></circle>
+	</svg>
+);
+
+export default MetamaskQrCode;

package/src/components/SVGs/spinSvg.tsx

@@ -0,0 +1,10 @@
+const SpinSvg = (props: React.SVGProps<SVGSVGElement> & { className?: string }) => (
+	<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none" {...props}>
+		<path
+			d="M21.3914 24.6515C21.6898 25.1549 21.5228 25.8278 20.9999 26.1124C20.488 26.4106 19.8365 26.2355 19.5463 25.7212C19.2342 25.2178 19.4149 24.5585 19.9213 24.2603C20.4524 23.9648 21.093 24.1454 21.3914 24.6515ZM15.0813 26.9303C15.0813 27.513 14.5995 28 13.9945 28C13.4114 28 12.9241 27.524 12.9241 26.9303V26.1808C12.9241 25.5844 13.4141 25.1084 13.9945 25.1084C14.5913 25.1084 15.0813 25.5844 15.0813 26.1808V26.9303ZM8.47553 25.7212C8.17165 26.2491 7.5119 26.416 7.00545 26.1178C6.48531 25.8251 6.30189 25.1713 6.6085 24.6488L7.40514 23.2563C7.71174 22.7447 8.36876 22.5669 8.8889 22.8596C9.39261 23.1578 9.57877 23.8226 9.27216 24.3287L8.47553 25.7212ZM3.34805 21.396C2.82791 21.686 2.16268 21.5109 1.87798 20.9993C1.5741 20.4959 1.74657 19.8284 2.26124 19.5302L4.40202 18.291C4.91394 18.0064 5.57917 18.1679 5.87209 18.6876C6.16228 19.191 5.98433 19.8585 5.47515 20.1567L3.34805 21.396ZM1.07039 15.0738C0.4736 15.0738 0 14.5923 0 14.0041C0 13.4077 0.4736 12.9262 1.07039 12.9262H4.40476C5.00155 12.9262 5.47515 13.4077 5.47515 13.9959C5.47515 14.5923 5.00155 15.0738 4.40476 15.0738H1.07039ZM2.26397 8.46155C1.74383 8.17157 1.5741 7.515 1.88071 7.00068C2.16542 6.4809 2.82791 6.30581 3.35079 6.60401L6.97534 8.70777C7.48726 9.00049 7.65699 9.65432 7.37228 10.1604C7.06841 10.6802 6.40866 10.8471 5.90495 10.5571L2.26397 8.46155ZM6.6085 3.3403L9.13254 7.72017C9.43915 8.23175 10.0962 8.41505 10.6081 8.11138C11.12 7.8214 11.2898 7.15662 10.9914 6.64231L8.45636 2.27064C8.16618 1.76453 7.50916 1.58124 7.00271 1.87943C6.48257 2.17763 6.31558 2.83693 6.6085 3.3403ZM12.9268 1.07787C12.9268 0.495164 13.4168 0 13.9972 0C14.594 0 15.084 0.484221 15.084 1.07787V6.12252C15.084 6.71891 14.6022 7.20039 13.9972 7.2086C13.4141 7.2086 12.9268 6.73532 12.9268 6.12252V1.07787ZM19.5326 2.27064C19.8392 1.75085 20.488 1.58124 21.0027 1.87396C21.5228 2.16395 21.7062 2.82052 21.3996 3.34304L18.8701 7.72291C18.5854 8.23449 17.9119 8.41505 17.4 8.11959C16.8881 7.8214 16.7184 7.15662 17.0085 6.64231L19.5326 2.27064ZM24.6737 6.60401L20.2854 9.1318C19.7735 9.42179 19.5955 10.0784 19.8885 10.6009C20.1923 11.1042 20.8521 11.2739 21.3585 10.9921L25.7496 8.46429C26.2533 8.1743 26.4395 7.51773 26.1329 7.00342C25.8372 6.48363 25.1775 6.29761 24.6737 6.60401ZM26.9295 12.9262C27.5318 12.9262 28.0081 13.4077 27.9999 14.0041C27.9999 14.5923 27.5345 15.0738 26.9295 15.0738H21.8759C21.2928 15.0738 20.8028 14.5923 20.8028 13.9959C20.8028 13.4077 21.2928 12.9262 21.8759 12.9262H26.9295Z"
+			fill="#6A6A6A"
+		/>
+	</svg>
+);
+
+export default SpinSvg;

package/src/components/Text/index.tsx

@@ -0,0 +1,59 @@
+import React from 'react';
+import { styled } from 'styled-components';
+
+interface TextOrg {
+	text?: string | number | any;
+	size?: number;
+	weight?: number;
+	color?: string;
+	padding?: string;
+	margin?: string;
+	ellipsis?: boolean;
+	className?: string;
+	children?: React.ReactNode;
+	prefix?: string;
+	suffix?: string;
+	counting?: boolean;
+	href?: string;
+}
+
+const TextStyled = styled.div`
+	color: ${({ theme }) => theme.textColor2};
+	font-family: 'Manrope', serif;
+	height: inherit;
+	left: inherit;
+	white-space: pre-wrap;
+	//word-break: break-all;
+	align-items: center;
+`;
+
+export const Text: React.FC<TextOrg> = ({
+	prefix,
+	suffix,
+	className = '',
+	text,
+	size,
+	weight,
+	color,
+	padding = '',
+	margin = ''
+}) => {
+	return (
+		<TextStyled
+			className={className}
+			style={{
+				fontSize: size ? size + 'px' : '16px',
+				fontWeight: weight || 700,
+				color,
+				padding,
+				margin
+			}}
+		>
+			{prefix ? <span>{prefix}</span> : <></>}
+			<span dangerouslySetInnerHTML={{ __html: text }} />
+			{suffix ? <span>{suffix}</span> : <></>}
+		</TextStyled>
+	);
+};
+
+export default Text;

package/src/components/WalletKitProvider/ChainProvider.tsx

@@ -0,0 +1,34 @@
+import { createContext, type ReactNode, useContext, useMemo } from 'react';
+
+interface IChainProvider {
+	children: ReactNode;
+	defaultChain?: number | any;
+}
+
+interface ChainContextValue {
+	chains: any[];
+	defaultChainId?: number;
+}
+
+const ChainContext = createContext<ChainContextValue>({
+	chains: []
+});
+
+export function ChainProvider({ children, defaultChain }: IChainProvider) {
+	const chainValue = useMemo(() => {
+		return {
+			chains: [],
+			defaultChainId: typeof defaultChain === 'number' ? defaultChain : defaultChain?.id
+		};
+	}, [defaultChain]);
+
+	return <ChainContext.Provider value={chainValue}>{children}</ChainContext.Provider>;
+}
+
+export const useWalletKitChains = () => {
+	return useContext(ChainContext).chains;
+};
+
+export const useWalletKitDefaultChainId = () => {
+	return useContext(ChainContext).defaultChainId;
+};

package/src/components/WalletKitProvider/I18nProvider.tsx

@@ -0,0 +1,52 @@
+import { createContext, type ReactNode, useEffect, useMemo, useState } from 'react';
+import { type Locals } from '../../types/configType';
+import i18n from '../../locals/i18n';
+
+interface I18nProviderProps {
+	children: ReactNode;
+	language?: Locals;
+}
+
+export const detectedBrowserLocale = () => {
+	if (typeof window !== 'undefined' && typeof navigator !== 'undefined') {
+		if (navigator.languages?.length) {
+			return navigator.languages[0];
+		}
+
+		if (navigator.language) {
+			return navigator.language;
+		}
+	}
+	return '';
+};
+
+export const I18nContext = createContext<{ i18n: typeof i18n }>({ i18n });
+
+export const I18nProvider = ({ children, language }: I18nProviderProps) => {
+	const [updateCount, setUpdateCount] = useState(0);
+
+	const browserLocale: Locals = useMemo(() => {
+		return detectedBrowserLocale() as Locals;
+	}, []);
+
+	useEffect(() => {
+		i18n.on('languageChanged', () => {
+			setUpdateCount(count => count + 1);
+		});
+	}, []);
+
+	useEffect(() => {
+		if (language && language !== i18n.language) {
+			i18n.changeLanguage(language);
+		} else if (!language && browserLocale && browserLocale !== i18n.language) {
+			i18n.changeLanguage(browserLocale);
+		}
+	}, [language, browserLocale]);
+
+	const memoizedValue = useMemo(() => {
+		const t = (key: string, options?: any) => i18n.t(key, options);
+		return { t, i18n };
+	}, [updateCount]);
+
+	return <I18nContext.Provider value={memoizedValue}>{children}</I18nContext.Provider>;
+};

package/src/components/WalletKitProvider/ThemeProvider.tsx

@@ -0,0 +1,16 @@
+import { ThemeProvider } from 'styled-components';
+import { type ReactNode, useMemo } from 'react';
+import { type Theme } from '../../types/configType';
+import { themeStyle } from '../../theme';
+
+interface IWalletKitThemeProvider {
+	theme?: Theme;
+	children: ReactNode;
+}
+
+export function WalletKitThemeProvider({ theme, children }: IWalletKitThemeProvider) {
+	const themeObject = useMemo(() => {
+		return themeStyle[theme || 'lightMode'];
+	}, [theme]);
+	return <ThemeProvider theme={themeObject}>{children}</ThemeProvider>;
+}