@reown/appkit-ui-react-native 0.0.0-accounts-canary.1-20251023174733

package/src/assets/svg/ChevronRightSmall.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgChevronRightSmall = (props: SvgProps) => (
+  <Svg viewBox="0 0 14 15" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M4.29282 13.6929C3.90229 13.3024 3.90229 12.6693 4.29282 12.2787L8.5856 7.98595L4.29282 3.69316C3.90229 3.30263 3.90229 2.66947 4.29282 2.27895C4.68334 1.88842 5.31651 1.88842 5.70703 2.27895L10.7069 7.27884C11.0974 7.66936 11.0974 8.30253 10.7069 8.69305L5.70703 13.6929C5.31651 14.0835 4.68334 14.0835 4.29282 13.6929Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgChevronRightSmall;

package/src/assets/svg/ChevronTop.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgChevronTop = (props: SvgProps) => (
+  <Svg viewBox="0 0 16 16" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M14.54 11.04a1 1 0 0 1-1.41 0L8 5.92l-5.13 5.12a1 1 0 1 1-1.41-1.41l5.83-5.84a1 1 0 0 1 1.42 0l5.83 5.84a1 1 0 0 1 0 1.41Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgChevronTop;

package/src/assets/svg/Clock.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgClock = (props: SvgProps) => (
+  <Svg viewBox="0 0 14 14" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M7.00235 2C4.24 2 2.00067 4.23858 2.00067 7C2.00067 9.76142 4.24 12 7.00235 12C9.7647 12 12.004 9.76142 12.004 7C12.004 4.23858 9.7647 2 7.00235 2ZM0 7C0 3.13401 3.13506 0 7.00235 0C10.8696 0 14.0047 3.13401 14.0047 7C14.0047 10.866 10.8696 14 7.00235 14C3.13506 14 0 10.866 0 7ZM7.00235 3C7.55482 3 8.00269 3.44771 8.00269 4V6.58579L9.85327 8.43575C10.2439 8.82627 10.2439 9.45944 9.85327 9.84996C9.46262 10.2405 8.82924 10.2405 8.43858 9.84996L6.29501 7.70711C6.10741 7.51957 6.00201 7.26522 6.00201 7V4C6.00201 3.44771 6.44988 3 7.00235 3Z"
+    />
+  </Svg>
+);
+export default SvgClock;

package/src/assets/svg/Close.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgClose = (props: SvgProps) => (
+  <Svg viewBox="0 0 16 16" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M2.54 2.54a1 1 0 0 1 1.42 0L8 6.6l4.04-4.05a1 1 0 1 1 1.42 1.42L9.4 8l4.05 4.04a1 1 0 0 1-1.42 1.42L8 9.4l-4.04 4.05a1 1 0 0 1-1.42-1.42L6.6 8 2.54 3.96a1 1 0 0 1 0-1.42Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgClose;

package/src/assets/svg/CoinPlaceholder.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgCoinPlaceholder = (props: SvgProps) => (
+  <Svg viewBox="0 0 20 20" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M10 3a7 7 0 0 0-6.85 8.44l8.29-8.3C10.97 3.06 10.49 3 10 3Zm3.49.93-9.56 9.56c.32.55.71 1.06 1.16 1.5L15 5.1a7.03 7.03 0 0 0-1.5-1.16Zm2.7 2.8-9.46 9.46a7 7 0 0 0 9.46-9.46ZM1.99 5.9A9 9 0 1 1 18 14.09 9 9 0 0 1 1.98 5.91Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgCoinPlaceholder;

package/src/assets/svg/Compass.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgCompass = (props: SvgProps) => (
+  <Svg viewBox="0 0 16 16" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2ZM0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm10.66-2.65a1 1 0 0 1 .23 1.06L9.83 9.24a1 1 0 0 1-.59.58l-2.83 1.06A1 1 0 0 1 5.13 9.6l1.06-2.82a1 1 0 0 1 .58-.59L9.6 5.12a1 1 0 0 1 1.06.23ZM7.9 7.89l-.13.35.35-.13.12-.35-.34.13Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgCompass;

package/src/assets/svg/Copy.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgCopy = (props: SvgProps) => (
+  <Svg viewBox="0 0 16 16" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M9.5 0h1.67c.68 0 1.26 0 1.73.04.5.05.97.14 1.42.4.52.3.95.72 1.24 1.24.26.45.35.92.4 1.42.04.47.04 1.05.04 1.73V6.5c0 .69 0 1.26-.04 1.74-.05.5-.14.97-.4 1.41-.3.52-.72.95-1.24 1.25-.45.25-.92.35-1.42.4-.43.03-.95.03-1.57.03 0 .62 0 1.14-.04 1.57-.04.5-.14.97-.4 1.42-.29.52-.72.95-1.24 1.24-.44.26-.92.35-1.41.4-.48.04-1.05.04-1.74.04H4.83c-.68 0-1.26 0-1.73-.04-.5-.05-.97-.14-1.42-.4-.52-.3-.95-.72-1.24-1.24a3.39 3.39 0 0 1-.4-1.42A20.9 20.9 0 0 1 0 11.17V9.5c0-.69 0-1.26.04-1.74.05-.5.14-.97.4-1.41.3-.52.72-.95 1.24-1.25.45-.25.92-.35 1.42-.4.43-.03.95-.03 1.57-.03 0-.62 0-1.14.04-1.57.04-.5.14-.97.4-1.42.29-.52.72-.95 1.24-1.24.44-.26.92-.35 1.41-.4A20.9 20.9 0 0 1 9.5 0ZM4.67 6.67c-.63 0-1.06 0-1.4.03-.35.03-.5.09-.6.14-.2.12-.38.3-.5.5-.05.1-.1.24-.14.6C2 8.32 2 8.8 2 9.54v1.59c0 .73 0 1.22.03 1.6.04.35.1.5.15.6.11.2.29.38.5.5.09.05.24.1.6.14.37.03.86.03 1.6.03h1.58c.74 0 1.22 0 1.6-.03.36-.04.5-.1.6-.15.2-.11.38-.29.5-.5.05-.09.1-.24.14-.6.03-.33.03-.76.03-1.39-.6 0-1.13 0-1.57-.04-.5-.04-.97-.14-1.41-.4-.52-.29-.95-.72-1.25-1.24a3.39 3.39 0 0 1-.4-1.41c-.03-.44-.03-.96-.03-1.57Zm3.27-4.64c-.36.04-.5.1-.6.15-.2.11-.38.29-.5.5-.05.09-.1.24-.14.6-.03.37-.03.86-.03 1.6v1.58c0 .74 0 1.22.03 1.6.03.36.09.5.14.6.12.2.3.38.5.5.1.05.24.1.6.14.38.03.86.03 1.6.03h1.59c.73 0 1.22 0 1.6-.03.35-.03.5-.09.6-.14.2-.12.38-.3.5-.5.05-.1.1-.24.14-.6.03-.38.03-.86.03-1.6V4.87c0-.73 0-1.22-.03-1.6a1.46 1.46 0 0 0-.15-.6c-.11-.2-.29-.38-.5-.5-.09-.05-.24-.1-.6-.14-.37-.03-.86-.03-1.6-.03H9.55c-.74 0-1.22 0-1.6.03Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgCopy;

package/src/assets/svg/CopySmall.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgCopySmall = (props: SvgProps) => (
+  <Svg viewBox="0 0 14 15" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M8.16825 1.4859H9.49842C10.0281 1.48588 10.4903 1.48586 10.8709 1.52001C11.275 1.55627 11.683 1.63712 12.0705 1.85811C12.5112 2.10952 12.8764 2.47468 13.1278 2.91544C13.3488 3.30288 13.4296 3.71094 13.4659 4.115C13.5 4.49556 13.5 4.95781 13.5 5.48748V6.81766C13.5 7.34733 13.5 7.80958 13.4659 8.19014C13.4296 8.5942 13.3488 9.00226 13.1278 9.3897C12.8764 9.83046 12.5112 10.1956 12.0705 10.447C11.683 10.668 11.275 10.7489 10.8709 10.7851C10.5728 10.8119 10.2245 10.8177 9.833 10.8189C9.83177 11.2104 9.82598 11.5587 9.79923 11.8568C9.76297 12.2609 9.68212 12.6689 9.46112 13.0564C9.20972 13.4971 8.84456 13.8623 8.4038 14.1137C8.01636 14.3347 7.6083 14.4155 7.20424 14.4518C6.82368 14.4859 6.36143 14.4859 5.83176 14.4859H4.50158C3.97191 14.4859 3.50966 14.4859 3.1291 14.4518C2.72504 14.4155 2.31698 14.3347 1.92954 14.1137C1.48878 13.8623 1.12362 13.4971 0.872213 13.0564C0.651218 12.6689 0.570372 12.2609 0.53411 11.8568C0.499958 11.4762 0.499978 11.014 0.500001 10.4843V9.15415C0.499978 8.62448 0.499958 8.16223 0.53411 7.78167C0.570372 7.3776 0.651218 6.96955 0.872213 6.5821C1.12362 6.14134 1.48878 5.77619 1.92954 5.52478C2.31698 5.30379 2.72504 5.22294 3.1291 5.18668C3.42722 5.15992 3.77548 5.15414 4.167 5.1529C4.16824 4.76138 4.17402 4.41312 4.20078 4.115C4.23704 3.71094 4.31788 3.30288 4.53888 2.91544C4.79029 2.47468 5.15544 2.10952 5.5962 1.85811C5.98365 1.63712 6.3917 1.55627 6.79576 1.52001C7.17633 1.48586 7.63858 1.48588 8.16825 1.4859ZM4.167 7.15302C3.79091 7.15434 3.52266 7.1594 3.30786 7.17867C3.041 7.20262 2.95525 7.2422 2.92045 7.26204C2.79082 7.33599 2.68342 7.44339 2.60948 7.57302C2.58963 7.60782 2.55005 7.69357 2.5261 7.96043C2.50094 8.24083 2.5 8.61232 2.5 9.1959V10.4426C2.5 11.0261 2.50094 11.3976 2.5261 11.678C2.55005 11.9449 2.58963 12.0307 2.60948 12.0655C2.68342 12.1951 2.79082 12.3025 2.92045 12.3764C2.95525 12.3963 3.041 12.4359 3.30786 12.4598C3.58826 12.485 3.95976 12.4859 4.54334 12.4859H5.79C6.37358 12.4859 6.74508 12.485 7.02547 12.4598C7.29234 12.4359 7.37809 12.3963 7.41288 12.3764C7.54252 12.3025 7.64992 12.1951 7.72386 12.0655C7.74371 12.0307 7.78328 11.9449 7.80723 11.678C7.82651 11.4632 7.83157 11.195 7.83288 10.8189C7.44168 10.8177 7.09369 10.8119 6.79576 10.7851C6.3917 10.7489 5.98365 10.668 5.5962 10.447C5.15544 10.1956 4.79029 9.83046 4.53888 9.3897C4.31788 9.00226 4.23704 8.5942 4.20078 8.19014C4.17404 7.89222 4.16825 7.54423 4.167 7.15302ZM6.97453 3.51201C6.70766 3.53595 6.62191 3.57553 6.58712 3.59538C6.45748 3.66932 6.35009 3.77672 6.27614 3.90635C6.2563 3.94115 6.21672 4.0269 6.19277 4.29377C6.16761 4.57416 6.16667 4.94566 6.16667 5.52924V6.7759C6.16667 7.35948 6.16761 7.73098 6.19277 8.01137C6.21672 8.27824 6.2563 8.36399 6.27614 8.39879C6.35009 8.52842 6.45748 8.63582 6.58712 8.70976C6.62191 8.72961 6.70766 8.76918 6.97453 8.79313C7.25493 8.8183 7.62642 8.81924 8.21 8.81924H9.45667C10.0402 8.81924 10.4117 8.8183 10.6921 8.79313C10.959 8.76918 11.0448 8.72961 11.0796 8.70976C11.2092 8.63582 11.3166 8.52842 11.3905 8.39879C11.4104 8.36399 11.45 8.27824 11.4739 8.01137C11.4991 7.73098 11.5 7.35948 11.5 6.7759V5.52924C11.5 4.94566 11.4991 4.57416 11.4739 4.29377C11.45 4.0269 11.4104 3.94115 11.3905 3.90635C11.3166 3.77672 11.2092 3.66932 11.0796 3.59538C11.0448 3.57553 10.959 3.53595 10.6921 3.51201C10.4117 3.48684 10.0402 3.4859 9.45667 3.4859H8.21C7.62642 3.4859 7.25493 3.48684 6.97453 3.51201Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgCopySmall;

package/src/assets/svg/CurrencyDollar.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgCurrencyDollar = (props: SvgProps) => (
+  <Svg viewBox="0 0 20 20" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M11.875 9.0625H10.9375V4.6875H11.25C11.8302 4.6875 12.3866 4.91797 12.7968 5.3282C13.207 5.73844 13.4375 6.29484 13.4375 6.875C13.4375 7.12364 13.5363 7.3621 13.7121 7.53791C13.8879 7.71373 14.1264 7.8125 14.375 7.8125C14.6236 7.8125 14.8621 7.71373 15.0379 7.53791C15.2137 7.3621 15.3125 7.12364 15.3125 6.875C15.3113 5.79794 14.8828 4.76535 14.1213 4.00375C13.3597 3.24215 12.3271 2.81374 11.25 2.8125H10.9375V1.875C10.9375 1.62636 10.8387 1.3879 10.6629 1.21209C10.4871 1.03627 10.2486 0.9375 10 0.9375C9.75136 0.9375 9.5129 1.03627 9.33709 1.21209C9.16127 1.3879 9.0625 1.62636 9.0625 1.875V2.8125H8.75C7.67256 2.8125 6.63925 3.24051 5.87738 4.00238C5.11551 4.76425 4.6875 5.79756 4.6875 6.875C4.6875 7.95244 5.11551 8.98575 5.87738 9.74762C6.63925 10.5095 7.67256 10.9375 8.75 10.9375H9.0625V15.3125H8.125C7.54484 15.3125 6.98844 15.082 6.5782 14.6718C6.16797 14.2616 5.9375 13.7052 5.9375 13.125C5.9375 12.8764 5.83873 12.6379 5.66291 12.4621C5.4871 12.2863 5.24864 12.1875 5 12.1875C4.75136 12.1875 4.5129 12.2863 4.33709 12.4621C4.16127 12.6379 4.0625 12.8764 4.0625 13.125C4.06374 14.2021 4.49215 15.2347 5.25375 15.9963C6.01535 16.7578 7.04794 17.1863 8.125 17.1875H9.0625V18.125C9.0625 18.3736 9.16127 18.6121 9.33709 18.7879C9.5129 18.9637 9.75136 19.0625 10 19.0625C10.2486 19.0625 10.4871 18.9637 10.6629 18.7879C10.8387 18.6121 10.9375 18.3736 10.9375 18.125V17.1875H11.875C12.9524 17.1875 13.9858 16.7595 14.7476 15.9976C15.5095 15.2358 15.9375 14.2024 15.9375 13.125C15.9375 12.0476 15.5095 11.0142 14.7476 10.2524C13.9858 9.49051 12.9524 9.0625 11.875 9.0625ZM8.75 9.0625C8.16984 9.0625 7.61344 8.83203 7.2032 8.4218C6.79297 8.01156 6.5625 7.45516 6.5625 6.875C6.5625 6.29484 6.79297 5.73844 7.2032 5.3282C7.61344 4.91797 8.16984 4.6875 8.75 4.6875H9.0625V9.0625H8.75ZM11.875 15.3125H10.9375V10.9375H11.875C12.4552 10.9375 13.0116 11.168 13.4218 11.5782C13.832 11.9884 14.0625 12.5448 14.0625 13.125C14.0625 13.7052 13.832 14.2616 13.4218 14.6718C13.0116 15.082 12.4552 15.3125 11.875 15.3125Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgCurrencyDollar;

package/src/assets/svg/Cursor.tsx

@@ -0,0 +1,7 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgCursor = (props: SvgProps) => (
+  <Svg viewBox="0 0 12 4" {...props} fill="none">
+    <Path fill={props.fill ?? '#fff'} d="M.5 0h12L8.9 3.13a3.76 3.76 0 0 1-4.8 0L.5 0Z" />
+  </Svg>
+);
+export default SvgCursor;

package/src/assets/svg/Desktop.tsx

@@ -0,0 +1,13 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgDesktop = (props: SvgProps) => (
+  <Svg viewBox="0 0 20 20" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M13.66 2H6.34c-1.07 0-1.96 0-2.68.08-.74.08-1.42.25-2.01.68a4 4 0 0 0-.89.89c-.43.6-.6 1.27-.68 2.01C0 6.38 0 7.26 0 8.34v.89c0 1.07 0 1.96.08 2.68.08.74.25 1.42.68 2.01a4 4 0 0 0 .89.89c.6.43 1.27.6 2.01.68a27 27 0 0 0 2.68.08h7.32a27 27 0 0 0 2.68-.08 4.03 4.03 0 0 0 2.01-.68 4 4 0 0 0 .89-.89c.43-.6.6-1.27.68-2.01.08-.72.08-1.6.08-2.68v-.89c0-1.07 0-1.96-.08-2.68a4.04 4.04 0 0 0-.68-2.01 4 4 0 0 0-.89-.89c-.6-.43-1.27-.6-2.01-.68C15.62 2 14.74 2 13.66 2ZM2.82 4.38c.2-.14.48-.25 1.06-.31C4.48 4 5.25 4 6.4 4h7.2c1.15 0 1.93 0 2.52.07.58.06.86.17 1.06.31a2 2 0 0 1 .44.44c.14.2.25.48.31 1.06.07.6.07 1.37.07 2.52v.77c0 1.15 0 1.93-.07 2.52-.06.58-.17.86-.31 1.06a2 2 0 0 1-.44.44c-.2.14-.48.25-1.06.32-.6.06-1.37.06-2.52.06H6.4c-1.15 0-1.93 0-2.52-.06-.58-.07-.86-.18-1.06-.32a2 2 0 0 1-.44-.44c-.14-.2-.25-.48-.31-1.06C2 11.1 2 10.32 2 9.17V8.4c0-1.15 0-1.93.07-2.52.06-.58.17-.86.31-1.06a2 2 0 0 1 .44-.44Z"
+      clipRule="evenodd"
+    />
+    <Path fill={props.fill ?? '#fff'} d="M6.14 17.57a1 1 0 1 0 0 2h7.72a1 1 0 1 0 0-2H6.14Z" />
+  </Svg>
+);
+export default SvgDesktop;

package/src/assets/svg/Disconnect.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgDisconnect = (props: SvgProps) => (
+  <Svg viewBox="0 0 16 16" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M6.07 1h.57a1 1 0 0 1 0 2h-.52c-.98 0-1.64 0-2.14.06-.48.05-.7.14-.84.24-.13.1-.25.22-.34.35-.1.14-.2.35-.25.83-.05.5-.05 1.16-.05 2.15v2.74c0 .99 0 1.65.05 2.15.05.48.14.7.25.83.1.14.2.25.34.35.14.1.36.2.84.25.5.05 1.16.05 2.14.05h.52a1 1 0 0 1 0 2h-.57c-.92 0-1.69 0-2.3-.07a3.6 3.6 0 0 1-1.8-.61c-.3-.22-.57-.49-.8-.8a3.6 3.6 0 0 1-.6-1.79C.5 11.11.5 10.35.5 9.43V6.58c0-.92 0-1.7.06-2.31a3.6 3.6 0 0 1 .62-1.8c.22-.3.48-.57.79-.79a3.6 3.6 0 0 1 1.8-.61C4.37 1 5.14 1 6.06 1ZM9.5 3a1 1 0 0 1 1.42 0l4.28 4.3a1 1 0 0 1 0 1.4L10.93 13a1 1 0 0 1-1.42-1.42L12.1 9H6.8a1 1 0 1 1 0-2h5.3L9.51 4.42a1 1 0 0 1 0-1.41Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgDisconnect;

package/src/assets/svg/Discord.tsx

@@ -0,0 +1,29 @@
+import Svg, { G, Circle, Path, Defs, ClipPath, type SvgProps } from 'react-native-svg';
+const SvgDiscord = (props: SvgProps) => (
+  <Svg viewBox="0 0 40 40" {...props} fill="none">
+    <G clipPath="url(#Discord_svg__a)">
+      <G clipPath="url(#Discord_svg__b)">
+        <Circle cx={20} cy={19.886} r={20} fill="#5865F2" />
+        <Circle cx={20} cy={19.886} r={19.5} stroke="#fff" strokeOpacity={0.1} />
+        <Path
+          fill="#fff"
+          fillRule="evenodd"
+          d="M25.712 28.146C30.253 28.002 32 25.023 32 25.023c0-6.616-2.959-11.98-2.959-11.98-2.959-2.219-5.774-2.157-5.774-2.157l-.287.329c3.493 1.068 5.116 2.61 5.116 2.61a16.748 16.748 0 0 0-6.185-1.973 17.384 17.384 0 0 0-4.15.04l-.35.042c-.72.062-2.466.329-4.664 1.294-.76.35-1.213.596-1.213.596s1.706-1.623 5.404-2.691l-.205-.247s-2.815-.062-5.774 2.157c0 0-2.959 5.364-2.959 11.98 0 0 1.726 2.98 6.267 3.123 0 0 .76-.925 1.377-1.705-2.61-.781-3.596-2.425-3.596-2.425l.575.35.083.061.08.046.024.01.08.047c.514.287 1.028.513 1.5.698.843.33 1.85.658 3.021.884 1.541.288 3.35.39 5.322.02a13.526 13.526 0 0 0 2.98-.883c.718-.267 1.52-.658 2.362-1.212 0 0-1.027 1.684-3.719 2.445a88.14 88.14 0 0 0 1.356 1.664Zm-9.555-9.596c-1.17 0-2.095 1.028-2.095 2.281 0 1.253.945 2.28 2.095 2.28 1.172 0 2.096-1.027 2.096-2.28.021-1.253-.924-2.28-2.096-2.28Zm7.5 0c-1.17 0-2.095 1.028-2.095 2.281 0 1.253.945 2.28 2.095 2.28 1.172 0 2.096-1.027 2.096-2.28s-.924-2.28-2.096-2.28Z"
+          clipRule="evenodd"
+        />
+      </G>
+    </G>
+    <Defs>
+      <ClipPath id="Discord_svg__a">
+        <Path
+          fill="#fff"
+          d="M0 20C0 8.954 8.954 0 20 0s20 8.954 20 20-8.954 20-20 20S0 31.046 0 20Z"
+        />
+      </ClipPath>
+      <ClipPath id="Discord_svg__b">
+        <Path fill="#fff" d="M0 0h40v40H0z" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+export default SvgDiscord;

package/src/assets/svg/Etherscan.tsx

@@ -0,0 +1,10 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgEtherscan = (props: SvgProps) => (
+  <Svg viewBox="0 0 16 16" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      d="M4.25 7a.63.63 0 0 0-.63.63v3.97c0 .28-.2.51-.47.54l-.75.07a.93.93 0 0 1-.9-.47A7.51 7.51 0 0 1 5.54.92a7.5 7.5 0 0 1 9.54 4.62c.12.35.06.72-.16 1-.74.97-1.68 1.78-2.6 2.44V4.44a.64.64 0 0 0-.63-.64h-1.06c-.35 0-.63.3-.63.64v5.5c0 .23-.12.42-.32.5l-.52.23V6.05c0-.36-.3-.64-.64-.64H7.45c-.35 0-.64.3-.64.64v4.97c0 .25-.17.46-.4.52a5.8 5.8 0 0 0-.45.11v-4c0-.36-.3-.65-.64-.65H4.25ZM14.07 12.4A7.49 7.49 0 0 1 3.6 14.08c4.09-.58 9.14-2.5 11.87-6.6v.03a7.56 7.56 0 0 1-1.41 4.91Z"
+    />
+  </Svg>
+);
+export default SvgEtherscan;

package/src/assets/svg/Extension.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgExtension = (props: SvgProps) => (
+  <Svg viewBox="0 0 14 15" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M6.71 2.99a.57.57 0 0 0-.57.57 1 1 0 0 1-1 1c-.58 0-.96 0-1.24.03-.27.03-.37.07-.42.1a.97.97 0 0 0-.36.35c-.04.08-.09.21-.11.67a2.57 2.57 0 0 1 0 5.13c.02.45.07.6.11.66.09.15.21.28.36.36.07.04.21.1.67.12a2.57 2.57 0 0 1 5.12 0c.46-.03.6-.08.67-.12a.97.97 0 0 0 .36-.36c.03-.04.07-.14.1-.41.02-.29.03-.66.03-1.24a1 1 0 0 1 1-1 .57.57 0 0 0 0-1.15 1 1 0 0 1-1-1c0-.58 0-.95-.03-1.24a1.04 1.04 0 0 0-.1-.42.97.97 0 0 0-.36-.36 1.04 1.04 0 0 0-.42-.1c-.28-.02-.65-.02-1.24-.02a1 1 0 0 1-1-1 .57.57 0 0 0-.57-.57ZM5.15 13.98a1 1 0 0 0 .99-1v-.78a.57.57 0 0 1 1.14 0v.78a1 1 0 0 0 .99 1H8.36a66.26 66.26 0 0 0 .73 0 3.78 3.78 0 0 0 1.84-.38c.46-.26.85-.64 1.1-1.1.23-.4.32-.8.36-1.22.02-.2.03-.4.03-.63a2.57 2.57 0 0 0 0-4.75c0-.23-.01-.44-.03-.63a2.96 2.96 0 0 0-.35-1.22 2.97 2.97 0 0 0-1.1-1.1c-.4-.22-.8-.31-1.22-.35a8.7 8.7 0 0 0-.64-.04 2.57 2.57 0 0 0-4.74 0c-.23 0-.44.02-.63.04-.42.04-.83.13-1.22.35-.46.26-.84.64-1.1 1.1-.33.57-.37 1.2-.39 1.84a21.39 21.39 0 0 0 0 .72v.1a1 1 0 0 0 1 .99h.78a.57.57 0 0 1 0 1.15h-.77a1 1 0 0 0-1 .98v.1a63.87 63.87 0 0 0 0 .73c0 .64.05 1.27.38 1.83.26.47.64.85 1.1 1.11.56.32 1.2.37 1.84.38a20.93 20.93 0 0 0 .72 0h.1Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgExtension;

package/src/assets/svg/ExternalLink.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgExternalLink = (props: SvgProps) => (
+  <Svg viewBox="0 0 14 14" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M3.73838 3C3.73838 2.44772 4.18609 2 4.73838 2H10.9991C11.5513 2 11.9991 2.44772 11.9991 3V9.26067C11.9991 9.81296 11.5513 10.2607 10.9991 10.2607C10.4468 10.2607 9.99905 9.81296 9.99905 9.26067V5.41516L3.70711 11.7071C3.31658 12.0976 2.68342 12.0976 2.29289 11.7071C1.90237 11.3166 1.90237 10.6834 2.29289 10.2929L8.58579 4H4.73838C4.18609 4 3.73838 3.55228 3.73838 3Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgExternalLink;

package/src/assets/svg/Facebook.tsx

@@ -0,0 +1,40 @@
+import Svg, { G, Circle, Path, Defs, ClipPath, type SvgProps } from 'react-native-svg';
+const SvgFacebook = (props: SvgProps) => (
+  <Svg viewBox="0 0 40 40" {...props} fill="none">
+    <G clipPath="url(#Facebook_svg__a)">
+      <G clipPath="url(#Facebook_svg__b)">
+        <Circle cx={20} cy={19.886} r={20} fill="#1877F2" />
+        <Circle cx={20} cy={19.886} r={19.5} stroke="#fff" strokeOpacity={0.1} />
+        <G clipPath="url(#Facebook_svg__c)">
+          <Path
+            fill="#fff"
+            d="M26 12.385h-2.886c-.922 0-1.614.378-1.614 1.333v1.667H26l-.357 4.5H21.5v12H17v-12h-3v-4.5h3V12.5c0-3.033 1.596-4.615 5.192-4.615H26v4.5Z"
+          />
+        </G>
+      </G>
+      <Path
+        fill="#1877F2"
+        d="M40 20C40 8.954 31.046 0 20 0S0 8.954 0 20c0 9.983 7.314 18.257 16.875 19.757V25.781h-5.078V20h5.078v-4.406c0-5.013 2.986-7.781 7.554-7.781 2.189 0 4.477.39 4.477.39v4.922h-2.522c-2.484 0-3.259 1.542-3.259 3.123V20h5.547l-.887 5.781h-4.66v13.976C32.686 38.257 40 29.983 40 20Z"
+      />
+      <Path
+        fill="#fff"
+        d="M27.785 25.781 28.672 20h-5.547v-3.752c0-1.581.775-3.123 3.26-3.123h2.521V8.203s-2.288-.39-4.477-.39c-4.568 0-7.554 2.768-7.554 7.78V20h-5.078v5.781h5.078v13.976a20.148 20.148 0 0 0 6.25 0V25.781h4.66Z"
+      />
+    </G>
+    <Defs>
+      <ClipPath id="Facebook_svg__a">
+        <Path
+          fill="#fff"
+          d="M0 20C0 8.954 8.954 0 20 0s20 8.954 20 20-8.954 20-20 20S0 31.046 0 20Z"
+        />
+      </ClipPath>
+      <ClipPath id="Facebook_svg__b">
+        <Path fill="#fff" d="M0 0h40v40H0z" />
+      </ClipPath>
+      <ClipPath id="Facebook_svg__c">
+        <Path fill="#fff" d="M8 7.886h24v24H8z" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+export default SvgFacebook;

package/src/assets/svg/Farcaster.tsx

@@ -0,0 +1,15 @@
+import Svg, { Path, type SvgProps, Rect } from 'react-native-svg';
+const SvgFarcaster = (props: SvgProps) => (
+  <Svg {...props} fill="none" viewBox="0 0 1000 1000">
+    <Rect width="1000" height="1000" rx="1000" ry="1000" fill="#855DCD" />
+    <Path
+      fill="#fff"
+      d="M320 248h354v504h-51.96V521.13h-.5c-5.76-63.8-59.31-113.81-124.54-113.81s-118.78 50-124.53 113.81h-.5V752H320V248Z"
+    />
+    <Path
+      fill="#fff"
+      d="m225 320 21.16 71.46h17.9v289.09a16.29 16.29 0 0 0-16.28 16.24v19.49h-3.25a16.3 16.3 0 0 0-16.28 16.24V752h182.26v-19.48a16.22 16.22 0 0 0-16.28-16.24h-3.25v-19.5a16.22 16.22 0 0 0-16.28-16.23h-19.52V320H225Zm400.3 360.55a16.3 16.3 0 0 0-15.04 10.02 16.2 16.2 0 0 0-1.24 6.22v19.49h-3.25a16.29 16.29 0 0 0-16.27 16.24V752h182.24v-19.48a16.23 16.23 0 0 0-16.27-16.24h-3.25v-19.5a16.2 16.2 0 0 0-10.04-15 16.3 16.3 0 0 0-6.23-1.23v-289.1h17.9L775 320H644.82v360.55H625.3Z"
+    />
+  </Svg>
+);
+export default SvgFarcaster;

package/src/assets/svg/FarcasterSquare.tsx

@@ -0,0 +1,15 @@
+import Svg, { Path, type SvgProps, Rect } from 'react-native-svg';
+const SvgFarcaster = (props: SvgProps) => (
+  <Svg {...props} fill="none" viewBox="0 0 1000 1000">
+    <Rect width="1000" height="1000" rx="300" ry="300" fill="#855DCD" />
+    <Path
+      fill="#fff"
+      d="M320 248h354v504h-51.96V521.13h-.5c-5.76-63.8-59.31-113.81-124.54-113.81s-118.78 50-124.53 113.81h-.5V752H320V248Z"
+    />
+    <Path
+      fill="#fff"
+      d="m225 320 21.16 71.46h17.9v289.09a16.29 16.29 0 0 0-16.28 16.24v19.49h-3.25a16.3 16.3 0 0 0-16.28 16.24V752h182.26v-19.48a16.22 16.22 0 0 0-16.28-16.24h-3.25v-19.5a16.22 16.22 0 0 0-16.28-16.23h-19.52V320H225Zm400.3 360.55a16.3 16.3 0 0 0-15.04 10.02 16.2 16.2 0 0 0-1.24 6.22v19.49h-3.25a16.29 16.29 0 0 0-16.27 16.24V752h182.24v-19.48a16.23 16.23 0 0 0-16.27-16.24h-3.25v-19.5a16.2 16.2 0 0 0-10.04-15 16.3 16.3 0 0 0-6.23-1.23v-289.1h17.9L775 320H644.82v360.55H625.3Z"
+    />
+  </Svg>
+);
+export default SvgFarcaster;

package/src/assets/svg/Filters.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgFilters = (props: SvgProps) => (
+  <Svg viewBox="0 0 16 16" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M0 3a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1Zm2.63 5.25a1 1 0 0 1 1-1h8.75a1 1 0 1 1 0 2H3.63a1 1 0 0 1-1-1Zm2.62 5.25a1 1 0 0 1 1-1h3.5a1 1 0 0 1 0 2h-3.5a1 1 0 0 1-1-1Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgFilters;

package/src/assets/svg/Github.tsx

@@ -0,0 +1,32 @@
+import Svg, { G, Circle, Path, Defs, ClipPath, type SvgProps } from 'react-native-svg';
+const SvgGithub = (props: SvgProps) => (
+  <Svg viewBox="0 0 40 40" {...props} fill="none">
+    <G clipPath="url(#Github_svg__a)">
+      <G clipPath="url(#Github_svg__b)">
+        <Circle cx={20} cy={19.886} r={20} fill="#1B1F23" />
+        <Circle cx={20} cy={19.886} r={19.5} stroke="#fff" strokeOpacity={0.1} />
+        <G clipPath="url(#Github_svg__c)">
+          <Path
+            fill="#fff"
+            d="M8 19.886c0-6.627 5.374-12 12-12 6.627 0 12 5.373 12 12 0 5.3-3.434 9.797-8.199 11.386-.609.118-.801-.257-.801-.576v-3.293c0-1.12-.393-1.85-.823-2.222 2.672-.297 5.479-1.312 5.479-5.921 0-1.31-.465-2.381-1.235-3.221.124-.302.535-1.523-.118-3.176 0 0-1.006-.322-3.297 1.23A11.543 11.543 0 0 0 20 13.689c-1.02.005-2.046.138-3.003.404-2.293-1.552-3.301-1.23-3.301-1.23-.652 1.652-.241 2.873-.117 3.176-.767.84-1.236 1.91-1.236 3.22 0 4.598 2.802 5.627 5.467 5.932-.344.299-.655.829-.762 1.604-.685.307-2.422.837-3.492-.997 0 0-.634-1.153-1.839-1.237 0 0-1.172-.016-.083.729 0 0 .787.369 1.333 1.756 0 0 .695 2.142 4.033 1.416v2.234c0 .316-.194.688-.793.577C11.438 29.686 8 25.188 8 19.886Z"
+          />
+        </G>
+      </G>
+    </G>
+    <Defs>
+      <ClipPath id="Github_svg__a">
+        <Path
+          fill="#fff"
+          d="M0 20C0 8.954 8.954 0 20 0s20 8.954 20 20-8.954 20-20 20S0 31.046 0 20Z"
+        />
+      </ClipPath>
+      <ClipPath id="Github_svg__b">
+        <Path fill="#fff" d="M0 0h40v40H0z" />
+      </ClipPath>
+      <ClipPath id="Github_svg__c">
+        <Path fill="#fff" d="M8 7.886h24v24H8z" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+export default SvgGithub;

package/src/assets/svg/Google.tsx

@@ -0,0 +1,44 @@
+import Svg, { G, Circle, Path, Defs, ClipPath, type SvgProps } from 'react-native-svg';
+const SvgGoogle = (props: SvgProps) => (
+  <Svg viewBox="0 0 40 40" {...props} fill="none">
+    <G clipPath="url(#Google_svg__a)">
+      <G clipPath="url(#Google_svg__b)">
+        <Circle cx={20} cy={20} r={20} fill="#fff" fillOpacity={0.05} />
+        <Circle cx={20} cy={20} r={19.5} stroke="#fff" strokeOpacity={0.05} />
+        <G clipPath="url(#Google_svg__c)">
+          <Path
+            fill="#4285F4"
+            d="M20 17.704v4.647h6.458c-.283 1.495-1.134 2.76-2.41 3.611l3.894 3.022c2.269-2.094 3.578-5.17 3.578-8.825 0-.851-.076-1.67-.218-2.455H20Z"
+          />
+          <Path
+            fill="#34A853"
+            d="m13.275 22.17-.879.672-3.109 2.422C11.262 29.18 15.31 31.886 20 31.886c3.24 0 5.956-1.07 7.942-2.902l-3.895-3.022c-1.07.72-2.433 1.157-4.047 1.157-3.12 0-5.771-2.106-6.72-4.942l-.005-.007Z"
+          />
+          <Path
+            fill="#FBBC05"
+            d="M9.287 14.508A11.852 11.852 0 0 0 8 19.886c0 1.942.47 3.763 1.287 5.378 0 .01 3.993-3.098 3.993-3.098a7.19 7.19 0 0 1-.382-2.28c0-.797.142-1.56.382-2.28l-3.993-3.098Z"
+          />
+          <Path
+            fill="#EA4335"
+            d="M20 12.664c1.767 0 3.338.61 4.593 1.789l3.436-3.436C25.945 9.075 23.24 7.886 20 7.886c-4.69 0-8.738 2.694-10.713 6.622l3.993 3.098c.949-2.837 3.6-4.942 6.72-4.942Z"
+          />
+        </G>
+      </G>
+    </G>
+    <Defs>
+      <ClipPath id="Google_svg__a">
+        <Path
+          fill="#fff"
+          d="M0 20C0 8.954 8.954 0 20 0s20 8.954 20 20-8.954 20-20 20S0 31.046 0 20Z"
+        />
+      </ClipPath>
+      <ClipPath id="Google_svg__b">
+        <Path fill="#fff" d="M0 0h40v40H0z" />
+      </ClipPath>
+      <ClipPath id="Google_svg__c">
+        <Path fill="#fff" d="M8 7.886h24v24H8z" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+export default SvgGoogle;

package/src/assets/svg/HelpCircle.tsx

@@ -0,0 +1,16 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgHelpCircle = (props: SvgProps) => (
+  <Svg viewBox="0 0 16 16" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      d="M8.51 5.66a.83.83 0 0 0-.57-.2.83.83 0 0 0-.52.28.8.8 0 0 0-.25.52 1 1 0 0 1-2 0c0-.75.34-1.43.81-1.91a2.75 2.75 0 0 1 4.78 1.92c0 1.24-.8 1.86-1.25 2.2l-.04.03c-.47.36-.5.43-.5.65a1 1 0 1 1-2 0c0-1.25.8-1.86 1.24-2.2l.04-.04c.47-.36.5-.43.5-.65 0-.3-.1-.49-.24-.6ZM9.12 11.87a1.13 1.13 0 1 1-2.25 0 1.13 1.13 0 0 1 2.25 0Z"
+    />
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm8-6a6 6 0 1 0 0 12A6 6 0 0 0 8 2Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgHelpCircle;

package/src/assets/svg/InfoCircle.tsx

@@ -0,0 +1,16 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgInfoCircle = (props: SvgProps) => (
+  <Svg viewBox="0 0 14 15" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      d="M6 10.49a1 1 0 1 0 2 0v-2a1 1 0 0 0-2 0v2ZM7 4.49a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"
+    />
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M7 14.99a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm5-7a5 5 0 1 1-10 0 5 5 0 0 1 10 0Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgInfoCircle;

package/src/assets/svg/Mail.tsx

@@ -0,0 +1,14 @@
+import Svg, { G, Path, type SvgProps } from 'react-native-svg';
+const SvgMail = (props: SvgProps) => (
+  <Svg viewBox="0 0 16 16" fill="none" {...props}>
+    <G transform="scale(0.50) translate(8, 8)">
+      <Path
+        fill={props.fill ?? '#fff'}
+        fillRule="evenodd"
+        d="M4.83 1.34h6.34c.68 0 1.26 0 1.73.04.5.05.97.15 1.42.4.52.3.95.72 1.24 1.24.26.45.35.92.4 1.42.04.47.04 1.05.04 1.73v3.71c0 .69 0 1.26-.04 1.74-.05.5-.14.97-.4 1.41-.3.52-.72.95-1.24 1.25-.45.25-.92.35-1.42.4-.47.03-1.05.03-1.73.03H4.83c-.68 0-1.26 0-1.73-.04-.5-.04-.97-.14-1.42-.4-.52-.29-.95-.72-1.24-1.24a3.39 3.39 0 0 1-.4-1.41A20.9 20.9 0 0 1 0 9.88v-3.7c0-.7 0-1.27.04-1.74.05-.5.14-.97.4-1.42.3-.52.72-.95 1.24-1.24.45-.25.92-.35 1.42-.4.47-.04 1.05-.04 1.73-.04ZM3.28 3.38c-.36.03-.51.08-.6.14-.21.11-.39.29-.5.5a.8.8 0 0 0-.08.19l5.16 3.44c.45.3 1.03.3 1.48 0L13.9 4.2a.79.79 0 0 0-.08-.2c-.11-.2-.29-.38-.5-.5-.09-.05-.24-.1-.6-.13-.37-.04-.86-.04-1.6-.04H4.88c-.73 0-1.22 0-1.6.04ZM14 6.54 9.85 9.31a3.33 3.33 0 0 1-3.7 0L2 6.54v3.3c0 .74 0 1.22.03 1.6.04.36.1.5.15.6.11.2.29.38.5.5.09.05.24.1.6.14.37.03.86.03 1.6.03h6.25c.73 0 1.22 0 1.6-.03.35-.03.5-.09.6-.14.2-.12.38-.3.5-.5.05-.1.1-.24.14-.6.03-.38.03-.86.03-1.6v-3.3Z"
+        clipRule="evenodd"
+      />
+    </G>
+  </Svg>
+);
+export default SvgMail;

package/src/assets/svg/Mobile.tsx

@@ -0,0 +1,13 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgMobile = (props: SvgProps) => (
+  <Svg viewBox="0 0 20 20" fill="none" {...props}>
+    <Path fill={props.fill ?? '#fff'} d="M10.81 5.81a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" />
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M3 4.75A4.75 4.75 0 0 1 7.75 0h4.5A4.75 4.75 0 0 1 17 4.75v10.5A4.75 4.75 0 0 1 12.25 20h-4.5A4.75 4.75 0 0 1 3 15.25V4.75ZM7.75 2A2.75 2.75 0 0 0 5 4.75v10.5A2.75 2.75 0 0 0 7.75 18h4.5A2.75 2.75 0 0 0 15 15.25V4.75A2.75 2.75 0 0 0 12.25 2h-4.5Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgMobile;

package/src/assets/svg/More.tsx

@@ -0,0 +1,16 @@
+import Svg, { Circle, Path, type SvgProps } from 'react-native-svg';
+const SvgMore = (props: SvgProps) => (
+  <Svg viewBox="0 0 41 40" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillOpacity=".05"
+      d="M.6 20a20 20 0 1 1 40 0 20 20 0 0 1-40 0Z"
+    />
+    <Path
+      fill="#949E9E"
+      d="M15.6 20.31a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0ZM23.1 20.31a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0ZM28.1 22.81a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"
+    />
+    <Circle cx={20} cy={19.886} r={19.5} stroke="#fff" strokeOpacity={0.1} fill="none" />
+  </Svg>
+);
+export default SvgMore;

package/src/assets/svg/NetworkPlaceholder.tsx

@@ -0,0 +1,18 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgNetworkPlaceholder = (props: SvgProps) => (
+  <Svg viewBox="0 0 22 20" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M16.32 13.62a3.14 3.14 0 1 1-.99 1.72l-1.6-.93a3.83 3.83 0 0 1-3.71 1 3.66 3.66 0 0 1-1.74-1l-1.6.94a3.14 3.14 0 1 1-1-1.73l1.6-.94a3.7 3.7 0 0 1 0-2 3.81 3.81 0 0 1 1.8-2.33c.29-.17.6-.3.92-.38V6.1a3.14 3.14 0 1 1 2 0l-.01.02v1.85H12a3.82 3.82 0 0 1 2.33 1.8 3.7 3.7 0 0 1 .39 2.91l1.6.93ZM2.6 16.54a1.14 1.14 0 0 0 1.98-1.14 1.14 1.14 0 0 0-1.98 1.14ZM11 2.01a1.14 1.14 0 1 0 0 2.28 1.14 1.14 0 0 0 0-2.28Zm1.68 10.45c.08-.19.14-.38.16-.58v-.05l.02-.13v-.13a1.92 1.92 0 0 0-.24-.8l-.11-.15a1.89 1.89 0 0 0-.74-.6 1.86 1.86 0 0 0-.77-.17h-.19a1.97 1.97 0 0 0-.89.34 1.98 1.98 0 0 0-.61.74 1.99 1.99 0 0 0-.16.9v.05a1.87 1.87 0 0 0 .24.74l.1.15c.12.16.26.3.42.42l.16.1.13.07.04.02a1.84 1.84 0 0 0 .76.17h.17a2 2 0 0 0 .91-.35 1.78 1.78 0 0 0 .52-.58l.03-.05a.84.84 0 0 0 .05-.11Zm5.15 4.5a1.14 1.14 0 0 0 1.14-1.97 1.13 1.13 0 0 0-1.55.41c-.32.55-.13 1.25.41 1.56Z"
+      clipRule="evenodd"
+    />
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M4.63 9.43a1.5 1.5 0 1 0 1.5-2.6 1.5 1.5 0 0 0-1.5 2.6Zm.32-1.55a.5.5 0 0 1 .68-.19.5.5 0 0 1 .18.68.5.5 0 0 1-.68.19.5.5 0 0 1-.18-.68ZM17.94 8.88a1.5 1.5 0 1 1-2.6-1.5 1.5 1.5 0 1 1 2.6 1.5ZM16.9 7.69a.5.5 0 0 0-.68.19.5.5 0 0 0 .18.68.5.5 0 0 0 .68-.19.5.5 0 0 0-.18-.68ZM9.75 17.75a1.5 1.5 0 1 1 2.6 1.5 1.5 1.5 0 1 1-2.6-1.5Zm1.05 1.18a.5.5 0 0 0 .68-.18.5.5 0 0 0-.18-.68.5.5 0 0 0-.68.18.5.5 0 0 0 .18.68Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgNetworkPlaceholder;

package/src/assets/svg/NftPlaceholder.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgNftPlaceholder = (props: SvgProps) => (
+  <Svg viewBox="0 0 20 20" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M9.13 1h1.71c1.46 0 2.63 0 3.56.1.97.1 1.8.33 2.53.85a5 5 0 0 1 1.1 1.11c.53.73.75 1.56.86 2.53.1.93.1 2.1.1 3.55v1.72c0 1.45 0 2.62-.1 3.55-.1.97-.33 1.8-.86 2.53a5 5 0 0 1-1.1 1.1c-.73.53-1.56.75-2.53.86-.93.1-2.1.1-3.55.1H9.13c-1.45 0-2.62 0-3.56-.1-.96-.1-1.8-.33-2.52-.85a5 5 0 0 1-1.1-1.11 5.05 5.05 0 0 1-.86-2.53c-.1-.93-.1-2.1-.1-3.55V9.14c0-1.45 0-2.62.1-3.55.1-.97.33-1.8.85-2.53a5 5 0 0 1 1.1-1.1 5.05 5.05 0 0 1 2.53-.86C6.51 1 7.67 1 9.13 1ZM5.79 3.09a3.1 3.1 0 0 0-1.57.48 3 3 0 0 0-.66.67c-.24.32-.4.77-.48 1.56-.1.82-.1 1.88-.1 3.4v1.6c0 1.15 0 2.04.05 2.76l.41-.42c.5-.5.93-.92 1.32-1.24.41-.33.86-.6 1.43-.7a3 3 0 0 1 .94 0c.35.06.66.2.95.37a17.11 17.11 0 0 0 .8.45c.1-.08.2-.2.41-.4l.04-.03a27 27 0 0 1 1.95-1.84 4.03 4.03 0 0 1 1.91-.94 4 4 0 0 1 1.25 0c.73.11 1.33.46 1.91.94l.64.55V9.2c0-1.52 0-2.58-.1-3.4a3.1 3.1 0 0 0-.48-1.56 3 3 0 0 0-.66-.67 3.1 3.1 0 0 0-1.56-.48C13.37 3 12.3 3 10.79 3h-1.6c-1.52 0-2.59 0-3.4.09Zm11.18 10-.04-.05a26.24 26.24 0 0 0-1.83-1.74c-.45-.36-.73-.48-.97-.52a2 2 0 0 0-.63 0c-.24.04-.51.16-.97.52-.46.38-1.01.93-1.83 1.74l-.02.02c-.17.18-.34.34-.49.47a2.04 2.04 0 0 1-1.08.5 1.97 1.97 0 0 1-1.25-.27l-.79-.46-.02-.02a.65.65 0 0 0-.24-.1 1 1 0 0 0-.31 0c-.08.02-.21.06-.49.28-.3.24-.65.59-1.2 1.14l-.56.56-.65.66a3 3 0 0 0 .62.6c.33.24.77.4 1.57.49.81.09 1.88.09 3.4.09h1.6c1.52 0 2.58 0 3.4-.09a3.1 3.1 0 0 0 1.56-.48 3 3 0 0 0 .66-.67c.24-.32.4-.77.49-1.56l.07-1.12Zm-8.02-1.03ZM4.99 7a2 2 0 1 1 4 0 2 2 0 0 1-4 0Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgNftPlaceholder;

package/src/assets/svg/Off.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgOff = (props: SvgProps) => (
+  <Svg viewBox="0 0 16 16" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M8 0a1 1 0 0 1 1 1v5.38a1 1 0 0 1-2 0V1a1 1 0 0 1 1-1ZM5.26 2.6a1 1 0 0 1-.28 1.39 5.46 5.46 0 1 0 6.04 0 1 1 0 1 1 1.1-1.67 7.46 7.46 0 1 1-8.25 0 1 1 0 0 1 1.4.28Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgOff;

package/src/assets/svg/Paperplane.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgPaperplane = (props: SvgProps) => (
+  <Svg viewBox="0 0 18 18" fill="none" {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M13.8808 2.34818C13.22 2.47804 12.3501 2.75876 11.0748 3.17302L8.50869 4.00652C6.40631 4.68941 4.90679 5.17786 3.88121 5.63184C3.37166 5.8574 3.0351 6.05097 2.82022 6.22041C2.61183 6.38473 2.57011 6.48493 2.55969 6.51823C2.48058 6.77109 2.48009 7.04201 2.55831 7.29515C2.56861 7.3285 2.60998 7.42884 2.81777 7.5939C3.03205 7.7641 3.36792 7.95887 3.87667 8.18624C4.79287 8.59572 6.08844 9.03414 7.85529 9.61644L10.3876 6.5986C10.7426 6.17553 11.3733 6.12034 11.7964 6.47534C12.2195 6.83035 12.2746 7.4611 11.9196 7.88418L9.38738 10.902C10.2676 12.5409 10.9244 13.7407 11.4867 14.5718C11.799 15.0334 12.0491 15.3303 12.2539 15.5118C12.4526 15.6878 12.5586 15.7111 12.5932 15.7154C12.8561 15.7485 13.1228 15.701 13.3581 15.5792C13.3891 15.5631 13.4805 15.5046 13.6061 15.2709C13.7357 15.0298 13.8679 14.6648 14.0015 14.1238C14.2705 13.035 14.4912 11.4734 14.7986 9.28438L15.1738 6.61255C15.3603 5.28462 15.4857 4.37923 15.4989 3.70596C15.512 3.03708 15.4047 2.80566 15.3145 2.69189C15.2044 2.55304 15.0673 2.43798 14.9114 2.35371C14.7837 2.28465 14.5372 2.21916 13.8808 2.34818ZM7.49373 11.603C5.61919 10.9864 4.1304 10.4903 3.0606 10.0122C2.48683 9.75574 1.9778 9.48086 1.57383 9.15998C1.16337 8.83395 0.813119 8.42178 0.647443 7.88557C0.449667 7.24547 0.450886 6.56041 0.65094 5.92102C0.818524 5.3854 1.17024 4.97448 1.58185 4.64992C1.98697 4.33047 2.49697 4.0574 3.07166 3.80301C4.20309 3.30217 5.80179 2.7829 7.82903 2.12443L10.5196 1.25048C11.7166 0.861654 12.7017 0.541645 13.4951 0.385722C14.3065 0.22624 15.1202 0.192948 15.8627 0.594428C16.2568 0.807527 16.6035 1.09845 16.8818 1.44956C17.4062 2.11106 17.5147 2.91821 17.4985 3.74503C17.4827 4.55338 17.3386 5.57909 17.1636 6.8254L16.7701 9.62688C16.4737 11.7377 16.2399 13.4023 15.9432 14.6035C15.7924 15.2136 15.6121 15.7633 15.3678 16.2177C15.1197 16.6794 14.7761 17.0972 14.2777 17.3552C13.6827 17.6632 13.0083 17.7834 12.3436 17.6998C11.7867 17.6297 11.32 17.3564 10.9277 17.0088C10.5415 16.6667 10.1824 16.2131 9.83023 15.6926C9.17361 14.7221 8.42648 13.342 7.49373 11.603Z"
+      fill={props.fill ?? '#fff'}
+    />
+  </Svg>
+);
+export default SvgPaperplane;

package/src/assets/svg/Plus.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgPlus = (props: SvgProps) => (
+  <Svg viewBox="0 0 16 16" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M.282 8a1 1 0 0 1 1-1H7V1.282a1 1 0 1 1 2 0V7h5.717a1 1 0 1 1 0 2H9v5.717a1 1 0 1 1-2 0V9H1.282a1 1 0 0 1-1-1Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgPlus;

package/src/assets/svg/QrCode.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgQrCode = (props: SvgProps) => (
+  <Svg viewBox="0 0 20 20" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M3 6a3 3 0 0 1 3-3h1a1 1 0 1 0 0-2H6a5 5 0 0 0-5 5v1a1 1 0 0 0 2 0V6ZM13 1a1 1 0 1 0 0 2h1a3 3 0 0 1 3 3v1a1 1 0 1 0 2 0V6a5 5 0 0 0-5-5h-1ZM3 13a1 1 0 1 0-2 0v1a5 5 0 0 0 5 5h1a1 1 0 1 0 0-2H6a3 3 0 0 1-3-3v-1ZM19 13a1 1 0 1 0-2 0v1a3 3 0 0 1-3 3h-1a1 1 0 1 0 0 2h1.01a5 5 0 0 0 5-5v-1ZM5.3 6.36c-.04.2-.04.43-.04.89s0 .7.05.89c.14.52.54.92 1.06 1.06.19.05.42.05.89.05.46 0 .7 0 .88-.05A1.5 1.5 0 0 0 9.2 8.14c.06-.2.06-.43.06-.89s0-.7-.06-.89A1.5 1.5 0 0 0 8.14 5.3c-.19-.05-.42-.05-.88-.05-.47 0-.7 0-.9.05a1.5 1.5 0 0 0-1.05 1.06ZM10.8 6.36c-.04.2-.04.43-.04.89s0 .7.05.89c.14.52.54.92 1.06 1.06.19.05.42.05.89.05.46 0 .7 0 .88-.05a1.5 1.5 0 0 0 1.06-1.06c.06-.2.06-.43.06-.89s0-.7-.06-.89a1.5 1.5 0 0 0-1.06-1.06c-.19-.05-.42-.05-.88-.05-.47 0-.7 0-.9.05a1.5 1.5 0 0 0-1.05 1.06ZM5.26 12.75c0-.46 0-.7.05-.89a1.5 1.5 0 0 1 1.06-1.06c.19-.05.42-.05.89-.05.46 0 .7 0 .88.05.52.14.93.54 1.06 1.06.06.2.06.43.06.89s0 .7-.06.89a1.5 1.5 0 0 1-1.06 1.06c-.19.05-.42.05-.88.05-.47 0-.7 0-.9-.05a1.5 1.5 0 0 1-1.05-1.06c-.05-.2-.05-.43-.05-.89ZM10.8 11.86c-.04.2-.04.43-.04.89s0 .7.05.89c.14.52.54.92 1.06 1.06.19.05.42.05.89.05.46 0 .7 0 .88-.05a1.5 1.5 0 0 0 1.06-1.06c.06-.2.06-.43.06-.89s0-.7-.06-.89a1.5 1.5 0 0 0-1.06-1.06c-.19-.05-.42-.05-.88-.05-.47 0-.7 0-.9.05a1.5 1.5 0 0 0-1.05 1.06Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgQrCode;

package/src/assets/svg/RecycleHorizontal.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const RecycleHorizontalSvg = (props: SvgProps) => (
+  <Svg viewBox="0 0 21 20" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M8.8071 0.292893C9.19763 0.683417 9.19763 1.31658 8.8071 1.70711L6.91421 3.6H11.8404C14.3368 3.6 16.5533 5.1975 17.3427 7.56588L17.4487 7.88377C17.6233 8.40772 17.3402 8.97404 16.8162 9.14868C16.2923 9.32333 15.726 9.04017 15.5513 8.51623L15.4453 8.19834C14.9281 6.64664 13.476 5.6 11.8404 5.6H6.91421L8.8071 7.49289C9.19763 7.88342 9.19763 8.51658 8.8071 8.90711C8.41658 9.29763 7.78341 9.29763 7.39289 8.90711L3.79289 5.30711C3.40236 4.91658 3.40236 4.28342 3.79289 3.89289L7.39289 0.292893C7.78341 -0.0976311 8.41658 -0.0976311 8.8071 0.292893ZM4.18377 10.8513C4.70771 10.6767 5.27403 10.9598 5.44868 11.4838L5.55464 11.8017C6.07188 13.3534 7.52401 14.4 9.15964 14.4L14.0858 14.4L12.1929 12.5071C11.8024 12.1166 11.8024 11.4834 12.1929 11.0929C12.5834 10.7024 13.2166 10.7024 13.6071 11.0929L17.2071 14.6929C17.5976 15.0834 17.5976 15.7166 17.2071 16.1071L13.6071 19.7071C13.2166 20.0976 12.5834 20.0976 12.1929 19.7071C11.8024 19.3166 11.8024 18.6834 12.1929 18.2929L14.0858 16.4L9.15964 16.4C6.66314 16.4 4.44674 14.8025 3.65728 12.4341L3.55131 12.1162C3.37667 11.5923 3.65983 11.026 4.18377 10.8513Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default RecycleHorizontalSvg;

package/src/assets/svg/Refresh.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgRefresh = (props: SvgProps) => (
+  <Svg viewBox="0 0 14 15" fill="none" {...props}>
+    <Path
+      fill={props.fill ?? '#fff'}
+      fillRule="evenodd"
+      d="M10.06 1.03a1 1 0 0 0-.7 1.23l.48 1.68a5.85 5.85 0 1 0 2.88 6.88 1 1 0 1 0-1.92-.58 3.86 3.86 0 1 1-1.82-4.49l-1.87.53a1 1 0 0 0 .55 1.92l4.1-1.15a1 1 0 0 0 .69-1.23l-1.16-4.1a1 1 0 0 0-1.23-.7Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgRefresh;