@reown/appkit-ui-react-native 1.0.2 → 1.1.0

package/lib/typescript/utils/TransactionUtil.d.ts

@@ -0,0 +1,13 @@
+import type { TransactionTransfer, Transaction, TransactionImage } from '@reown/appkit-common-react-native';
+export declare const TransactionUtil: {
+    getTransactionGroupTitle(year: string, month: string): string;
+    getTransactionImages(transfers: TransactionTransfer[]): TransactionImage[];
+    getTransactionImage(transfer?: TransactionTransfer): TransactionImage;
+    getTransactionImageURL(transfer: TransactionTransfer | undefined): string | undefined;
+    getTransactionTransferTokenType(transfer?: TransactionTransfer): 'FUNGIBLE' | 'NFT' | undefined;
+    getTransactionDescriptions(transaction: Transaction): string[];
+    getTransferDescription(transfer?: TransactionTransfer): string;
+    getFungibleTransferDescription(transfer?: TransactionTransfer): string | null;
+    getQuantityFixedValue(value: string | undefined): string | null;
+};
+//# sourceMappingURL=TransactionUtil.d.ts.map

package/lib/typescript/utils/TransactionUtil.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/TransactionUtil.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,mBAAmB,EACnB,WAAW,EACX,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAU3C,eAAO,MAAM,eAAe;mCACK,MAAM,SAAS,MAAM;oCASpB,mBAAmB,EAAE,GAAG,gBAAgB,EAAE;mCAiB3C,mBAAmB,GAAG,gBAAgB;qCAOpC,mBAAmB,GAAG,SAAS;+CAcrB,mBAAmB,GAAG,UAAU,GAAG,KAAK,GAAG,SAAS;4CAUvD,WAAW;sCA+DjB,mBAAmB;8CAgBX,mBAAmB;iCAWhC,MAAM,GAAG,SAAS;CAShD,CAAC"}

package/lib/typescript/utils/TypesUtil.d.ts

@@ -1,18 +1,18 @@
 export type ThemeKeys = 'accent-100' | 'accent-090' | 'accent-080' | 'accent-020' | 'accent-glass-090' | 'accent-glass-080' | 'accent-glass-020' | 'accent-glass-015' | 'accent-glass-010' | 'accent-glass-005' | 'accent-glass-002' | 'fg-100' | 'fg-125' | 'fg-150' | 'fg-175' | 'fg-200' | 'fg-225' | 'fg-250' | 'fg-275' | 'fg-300' | 'bg-100' | 'bg-125' | 'bg-150' | 'bg-175' | 'bg-200' | 'bg-225' | 'bg-250' | 'bg-275' | 'bg-300' | 'inverse-100' | 'inverse-000' | 'success-100' | 'success-glass-020' | 'success-glass-015' | 'success-glass-010' | 'success-glass-005' | 'error-100' | 'error-glass-020' | 'error-glass-015' | 'error-glass-010' | 'error-glass-005' | 'teal-100' | 'magenta-100' | 'indigo-100' | 'orange-100' | 'purple-100' | 'yellow-100' | 'gray-glass-001' | 'gray-glass-002' | 'gray-glass-005' | 'gray-glass-010' | 'gray-glass-015' | 'gray-glass-020' | 'gray-glass-025' | 'gray-glass-030' | 'gray-glass-060' | 'gray-glass-070' | 'gray-glass-080' | 'gray-glass-090' | 'icon-box-bg-error-100' | 'icon-box-bg-success-100';
 export type TextType = 'medium-title-400' | 'medium-title-500' | 'medium-title-600' | 'small-title-400' | 'small-title-500' | 'small-title-600' | 'large-400' | 'large-500' | 'large-600' | 'medium-400' | 'medium-500' | 'medium-600' | 'paragraph-400' | 'paragraph-500' | 'paragraph-600' | 'small-400' | 'small-500' | 'small-600' | 'tiny-400' | 'tiny-500' | 'tiny-600' | 'micro-600' | 'micro-700';
-export type ColorType = 'accent-100' | 'error-100' | 'fg-100' | 'fg-150' | 'fg-200' | 'fg-250' | 'fg-275' | 'fg-300' | 'gray-glass-020' | 'inverse-000' | 'inverse-100' | 'success-100';
+export type ColorType = 'accent-100' | 'error-100' | 'fg-100' | 'fg-150' | 'fg-175' | 'fg-200' | 'fg-250' | 'fg-275' | 'fg-300' | 'bg-100' | 'bg-125' | 'bg-150' | 'bg-175' | 'bg-200' | 'bg-225' | 'bg-250' | 'bg-275' | 'bg-300' | 'accent-glass-020' | 'accent-glass-015' | 'accent-glass-010' | 'accent-glass-005' | 'gray-glass-020' | 'gray-glass-010' | 'gray-glass-005' | 'inverse-000' | 'inverse-100' | 'success-100' | 'teal-100' | 'magenta-100' | 'indigo-100' | 'orange-100' | 'purple-100' | 'yellow-100';
 export type SizeType = 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs';
 export type PlacementType = 'bottom' | 'left' | 'right' | 'top';
 export type ButtonType = 'accent' | 'fill' | 'shade';
 export type ChipType = 'fill' | 'shade' | 'transparent';
-export type IconType = 'allWallets' | 'apple' | 'arrowBottom' | 'arrowLeft' | 'arrowRight' | 'arrowTop' | 'browser' | 'checkmark' | 'chevronBottom' | 'chevronLeft' | 'chevronRight' | 'chevronRightSmall' | 'chevronTop' | 'clock' | 'close' | 'coinPlaceholder' | 'compass' | 'copy' | 'copySmall' | 'cursor' | 'desktop' | 'disconnect' | 'discord' | 'etherscan' | 'extension' | 'externalLink' | 'facebook' | 'filters' | 'github' | 'google' | 'helpCircle' | 'infoCircle' | 'mail' | 'mobile' | 'networkPlaceholder' | 'nftPlaceholder' | 'off' | 'qrCode' | 'refresh' | 'search' | 'swapHorizontal' | 'swapVertical' | 'telegram' | 'twitch' | 'twitter' | 'twitterIcon' | 'verify' | 'wallet' | 'walletSmall' | 'walletConnect' | 'walletPlaceholder' | 'warningCircle';
-export type VisualType = 'browser' | 'dao' | 'defi' | 'defiAlt' | 'eth' | 'layers' | 'lock' | 'login' | 'network' | 'nft' | 'noun' | 'profile' | 'system';
-export type LogoType = 'apple' | 'discord' | 'facebook' | 'github' | 'google' | 'telegram' | 'twitch' | 'twitter';
+export type IconType = 'allWallets' | 'apple' | 'arrowBottom' | 'arrowBottomCircle' | 'arrowLeft' | 'arrowRight' | 'arrowTop' | 'browser' | 'checkmark' | 'chevronBottom' | 'chevronLeft' | 'chevronRight' | 'chevronRightSmall' | 'chevronTop' | 'clock' | 'close' | 'coinPlaceholder' | 'compass' | 'copy' | 'copySmall' | 'cursor' | 'desktop' | 'disconnect' | 'discord' | 'etherscan' | 'extension' | 'externalLink' | 'facebook' | 'farcaster' | 'farcasterSquare' | 'filters' | 'github' | 'google' | 'helpCircle' | 'infoCircle' | 'mail' | 'mobile' | 'more' | 'networkPlaceholder' | 'nftPlaceholder' | 'off' | 'paperplane' | 'qrCode' | 'refresh' | 'search' | 'swapHorizontal' | 'swapVertical' | 'telegram' | 'twitch' | 'verify' | 'wallet' | 'walletSmall' | 'walletConnect' | 'walletConnectLightBrown' | 'walletPlaceholder' | 'warningCircle' | 'x';
+export type VisualType = 'browser' | 'dao' | 'defi' | 'defiAlt' | 'eth' | 'google' | 'layers' | 'lightbulb' | 'lock' | 'login' | 'network' | 'nft' | 'noun' | 'pencil' | 'profile' | 'system';
+export type LogoType = 'apple' | 'discord' | 'facebook' | 'farcaster' | 'farcasterSquare' | 'github' | 'google' | 'more' | 'telegram' | 'twitch' | 'x';
 export type TagType = 'main' | 'shade' | 'error' | 'success';
 export type CardSelectType = 'wallet' | 'network';
 export type TabOptionType = {
     icon: IconType;
-    label: string;
+    label?: string;
 };
 export type SpacingType = '0' | '4xs' | '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';
 export type BorderRadiusType = Exclude<SpacingType, 'xl' | 'xxl'>;
@@ -29,4 +29,5 @@ export type TruncateOptions = {
     charsEnd: number;
     truncate: TruncateType;
 };
+export type TransactionType = 'approve' | 'bought' | 'borrow' | 'burn' | 'cancel' | 'claim' | 'deploy' | 'deposit' | 'execute' | 'mint' | 'receive' | 'repay' | 'send' | 'stake' | 'trade' | 'unstake' | 'withdraw';
 //# sourceMappingURL=TypesUtil.d.ts.map

package/lib/typescript/utils/TypesUtil.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TypesUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/TypesUtil.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"TypesUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/TypesUtil.ts"],"names":[],"mappings":"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"}

package/lib/typescript/utils/UiUtil.d.ts

@@ -6,5 +6,6 @@ export declare const UiUtil: {
     tintColor(rgb: [number, number, number], tint: number): [number, number, number];
     getTruncateString({ string, charsStart, charsEnd, truncate }: TruncateOptions): string;
     getWalletName(name: string, short?: boolean): string | undefined;
+    formatNumberToLocalString(value: string | number | undefined, decimals?: number): string;
 };
 //# sourceMappingURL=UiUtil.d.ts.map

package/lib/typescript/utils/UiUtil.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/UiUtil.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEhE,eAAO,MAAM,MAAM;8BACS,WAAW,GAAG,WAAW,EAAE,SAAS,MAAM;mCAUrC,MAAM;kBAiBvB,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;mBAUhC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,QAAQ,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;kEASlB,eAAe;wBAgBzD,MAAM;CAG3B,CAAC"}
+{"version":3,"file":"UiUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/UiUtil.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEhE,eAAO,MAAM,MAAM;8BACS,WAAW,GAAG,WAAW,EAAE,SAAS,MAAM;mCAUrC,MAAM;kBAiBvB,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;mBAUhC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,QAAQ,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;kEASlB,eAAe;wBAgBzD,MAAM;qCAIO,MAAM,GAAG,MAAM,GAAG,SAAS;CAiB7D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reown/appkit-ui-react-native",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/index.d.ts",
   "module": "lib/module/index.js",
@@ -26,12 +26,12 @@
     "walletconnect",
     "react-native"
   ],
-  "repository": "https://github.com/WalletConnect/web3modal-react-native",
+  "repository": "https://github.com/reown-com/appkit-react-native",
   "author": "Reown <support@reown.com> (https://reown.com)",
-  "homepage": "https://github.com/WalletConnect/web3modal-react-native",
+  "homepage": "https://reown.com/appkit",
   "license": "Apache-2.0",
   "bugs": {
-    "url": "https://github.com/WalletConnect/web3modal-react-native/issues"
+    "url": "https://github.com/reown-com/appkit-react-native/issues"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",

package/readme.md

@@ -1,6 +1,6 @@
 #### 📚 [Documentation](https://docs.reown.com/appkit/react-native/core/installation)
 
-#### 🔎 [Examples](https://github.com/WalletConnect/react-native-examples)
+#### 🔎 [Examples](https://github.com/reown-com/react-native-examples)
 
 #### 🔗 [Website](https://reown.com/appkit)
 

package/src/assets/svg/ArrowBottomCircle.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgArrowBottomCircle = (props: SvgProps) => (
+  <Svg fill="none" viewBox="0 0 20 20" {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M10 2.42908C5.81875 2.42908 2.42859 5.81989 2.42859 10.0034C2.42859 14.1869 5.81875 17.5777 10 17.5777C14.1813 17.5777 17.5714 14.1869 17.5714 10.0034C17.5714 5.81989 14.1813 2.42908 10 2.42908ZM0.428589 10.0034C0.428589 4.71596 4.71355 0.429077 10 0.429077C15.2865 0.429077 19.5714 4.71596 19.5714 10.0034C19.5714 15.2908 15.2865 19.5777 10 19.5777C4.71355 19.5777 0.428589 15.2908 0.428589 10.0034ZM10 5.75003C10.5523 5.75003 11 6.19774 11 6.75003L11 10.8343L12.2929 9.54137C12.6834 9.15085 13.3166 9.15085 13.7071 9.54137C14.0976 9.9319 14.0976 10.5651 13.7071 10.9556L10.7071 13.9556C10.3166 14.3461 9.68343 14.3461 9.29291 13.9556L6.29291 10.9556C5.90239 10.5651 5.90239 9.9319 6.29291 9.54137C6.68343 9.15085 7.3166 9.15085 7.70712 9.54137L9.00002 10.8343L9.00002 6.75003C9.00002 6.19774 9.44773 5.75003 10 5.75003Z"
+      fill={props.fill || '#fff'}
+    />
+  </Svg>
+);
+export default SvgArrowBottomCircle;

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/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/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/WalletConnect.tsx

@@ -1,4 +1,4 @@
-import Svg, { Path, type SvgProps } from 'react-native-svg';
+import Svg, { ClipPath, Defs, G, Path, type SvgProps } from 'react-native-svg';
 const SvgWalletConnect = (props: SvgProps) => (
   <Svg fill="none" viewBox="0 0 96 67" {...props}>
     <Path
@@ -13,3 +13,26 @@ const SvgWalletConnect = (props: SvgProps) => (
   </Svg>
 );
 export default SvgWalletConnect;
+
+export const WalletConnectLightBrownSvg = (props: SvgProps) => (
+  <Svg viewBox="0 0 16 16" fill="none" {...props}>
+    <G clipPath="url(#clip0_22274_4692)">
+      <Path
+        d="M0 6.64C0 4.17295 0 2.93942 0.525474 2.01817C0.880399 1.39592 1.39592 0.880399 2.01817 0.525474C2.93942 0 4.17295 0 6.64 0H9.36C11.8271 0 13.0606 0 13.9818 0.525474C14.6041 0.880399 15.1196 1.39592 15.4745 2.01817C16 2.93942 16 4.17295 16 6.64V9.36C16 11.8271 16 13.0606 15.4745 13.9818C15.1196 14.6041 14.6041 15.1196 13.9818 15.4745C13.0606 16 11.8271 16 9.36 16H6.64C4.17295 16 2.93942 16 2.01817 15.4745C1.39592 15.1196 0.880399 14.6041 0.525474 13.9818C0 13.0606 0 11.8271 0 9.36V6.64Z"
+        fill="#C7B994"
+      />
+      <Path
+        d="M4.49038 5.76609C6.42869 3.86833 9.5713 3.86833 11.5096 5.76609L11.7429 5.99449C11.8398 6.08938 11.8398 6.24323 11.7429 6.33811L10.9449 7.11942C10.8964 7.16686 10.8179 7.16686 10.7694 7.11942L10.4484 6.80512C9.09617 5.48119 6.90381 5.48119 5.5516 6.80512L5.20782 7.14171C5.15936 7.18915 5.08079 7.18915 5.03234 7.14171L4.23434 6.3604C4.13742 6.26552 4.13742 6.11167 4.23434 6.01678L4.49038 5.76609ZM13.1599 7.38192L13.8702 8.07729C13.9671 8.17217 13.9671 8.32602 13.8702 8.4209L10.6677 11.5564C10.5708 11.6513 10.4137 11.6513 10.3168 11.5564L8.04388 9.33105C8.01965 9.30733 7.98037 9.30733 7.95614 9.33105L5.6833 11.5564C5.58638 11.6513 5.42925 11.6513 5.33234 11.5564L2.12982 8.42087C2.0329 8.32598 2.0329 8.17213 2.12982 8.07724L2.84004 7.38188C2.93695 7.28699 3.09408 7.28699 3.191 7.38188L5.46392 9.60726C5.48815 9.63098 5.52743 9.63098 5.55166 9.60726L7.82447 7.38188C7.92138 7.28699 8.07851 7.28699 8.17543 7.38187L10.4484 9.60726C10.4726 9.63098 10.5119 9.63098 10.5361 9.60726L12.809 7.38192C12.9059 7.28703 13.063 7.28703 13.1599 7.38192Z"
+        fill="#202020"
+      />
+    </G>
+    <Defs>
+      <ClipPath id="clip0_22274_4692">
+        <Path
+          d="M0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8Z"
+          fill="white"
+        />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);

package/src/assets/svg/X.tsx

@@ -0,0 +1,26 @@
+import Svg, { G, Path, Defs, ClipPath, type SvgProps, Rect } from 'react-native-svg';
+const SvgX = (props: SvgProps) => (
+  <Svg viewBox="0 0 40 40" {...props} fill="none">
+    <G clipPath="url(#clip0_22845_4959)">
+      <Rect width="40" height="40" fill="black" />
+      <Path
+        d="M21.8266 18.4604L28.9742 10.1519H27.2805L21.0742 17.366L16.1172 10.1519H10.4L17.8959 21.061L10.4 29.7738H12.0938L18.6479 22.1553L23.8827 29.7738H29.6L21.8266 18.4604ZM12.7042 11.427H15.3058L27.2813 28.5567H24.6796L12.7042 11.427Z"
+        fill="white"
+      />
+    </G>
+    <Path
+      d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5C30.7696 0.5 39.5 9.23045 39.5 20C39.5 30.7696 30.7696 39.5 20 39.5C9.23045 39.5 0.5 30.7696 0.5 20Z"
+      stroke="white"
+      strokeOpacity="0.05"
+    />
+    <Defs>
+      <ClipPath id="clip0_22845_4959">
+        <Path
+          d="M0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20Z"
+          fill="white"
+        />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+export default SvgX;

package/src/assets/visual/Google.tsx

@@ -0,0 +1,43 @@
+import Svg, { Path, Rect, type SvgProps } from 'react-native-svg';
+const GoogleSvg = (props: SvgProps) => (
+  <Svg width="64" height="64" viewBox="0 0 64 64" fill="none" {...props}>
+    <Rect width="64" height="64" rx="30" fill="#1DC956" />
+    <Rect x="0.5" y="0.5" width="63" height="63" rx="29.5" stroke="#141414" strokeOpacity="0.1" />
+    <Path
+      d="M32.4053 19.8031C35.3901 19.8031 38.0431 20.8349 40.1619 22.8247L45.9656 17.0211C42.4465 13.7416 37.8773 11.7333 32.4053 11.7333C24.4829 11.7333 17.6475 16.2841 14.3127 22.9168L21.056 28.1493C22.6589 23.359 27.136 19.8031 32.4053 19.8031Z"
+      fill="#1DC956"
+      stroke="white"
+      strokeWidth="2"
+      strokeLinejoin="round"
+    />
+    <Path
+      d="M32.4053 52.2667C37.8773 52.2667 42.465 50.4611 45.8182 47.3658L39.2407 42.2623C37.4351 43.4783 35.1321 44.2153 32.4053 44.2153C27.136 44.2153 22.6589 40.6594 21.056 35.8691L14.3127 41.1016C17.6475 47.7159 24.4829 52.2667 32.4053 52.2667Z"
+      fill="#2BEE6C"
+    />
+    <Path
+      d="M21.056 35.8507L19.5636 36.993L14.3127 41.0832M39.2407 42.2623L45.8182 47.3658C42.465 50.4611 37.8773 52.2667 32.4053 52.2667C24.4829 52.2667 17.6475 47.7159 14.3127 41.1016L21.056 35.8691C22.6589 40.6594 27.136 44.2153 32.4053 44.2153C35.1321 44.2153 37.4351 43.4783 39.2407 42.2623Z"
+      stroke="white"
+      strokeWidth="2"
+      strokeLinejoin="round"
+    />
+    <Path
+      d="M51.8613 32.4606C51.8613 31.0235 51.7323 29.6417 51.4928 28.3151H32.4053V36.1638H43.3124C42.8334 38.688 41.3963 40.8252 39.2407 42.2623L45.8181 47.3658C49.6503 43.8283 51.8613 38.6327 51.8613 32.4606Z"
+      fill="#1FAD7E"
+      stroke="white"
+      strokeWidth="2"
+      strokeLinejoin="round"
+    />
+    <Path
+      d="M21.056 35.8507C20.6507 34.6347 20.4111 33.345 20.4111 32C20.4111 30.655 20.6507 29.3653 21.056 28.1493L14.3127 22.9169C12.9309 25.6437 12.1387 28.7205 12.1387 32C12.1387 35.2795 12.9309 38.3564 14.3127 41.0831L19.5636 36.993L21.056 35.8507Z"
+      fill="#86F999"
+    />
+    <Path
+      d="M21.056 35.8691L14.3127 41.1016M21.056 35.8507C20.6507 34.6347 20.4111 33.345 20.4111 32C20.4111 30.655 20.6507 29.3653 21.056 28.1493L14.3127 22.9169C12.9309 25.6437 12.1387 28.7205 12.1387 32C12.1387 35.2795 12.9309 38.3564 14.3127 41.0831L19.5636 36.993L21.056 35.8507Z"
+      stroke="white"
+      strokeWidth="2"
+      strokeLinejoin="round"
+    />
+  </Svg>
+);
+
+export default GoogleSvg;

package/src/assets/visual/Lightbulb.tsx

@@ -0,0 +1,54 @@
+import Svg, { ClipPath, Defs, G, Path, Rect, type SvgProps } from 'react-native-svg';
+const LightbulbSvg = (props: SvgProps) => (
+  <Svg width="64" height="64" viewBox="0 0 64 64" fill="none" {...props}>
+    <G clip-path="url(#clip0_241_31636)">
+      <Path
+        d="M0 26.5595C0 16.6913 0 11.7572 2.1019 8.07217C3.5216 5.58318 5.58366 3.52111 8.07266 2.10141C11.7577 -0.000488281 16.6918 -0.000488281 26.56 -0.000488281H37.44C47.3082 -0.000488281 52.2423 -0.000488281 55.9273 2.10141C58.4163 3.52111 60.4784 5.58318 61.8981 8.07217C64 11.7572 64 16.6913 64 26.5595V37.4395C64 47.3077 64 52.2418 61.8981 55.9269C60.4784 58.4159 58.4163 60.4779 55.9273 61.8976C52.2423 63.9995 47.3082 63.9995 37.44 63.9995H26.56C16.6918 63.9995 11.7577 63.9995 8.07266 61.8976C5.58366 60.4779 3.5216 58.4159 2.1019 55.9269C0 52.2418 0 47.3077 0 37.4395V26.5595Z"
+        fill="#794CFF"
+      />
+      <Path
+        d="M0.5 26.5595C0.5 21.6163 0.50047 17.942 0.760736 15.0418C1.02039 12.1485 1.53555 10.0742 2.53621 8.3199C3.91155 5.90869 5.90917 3.91106 8.32039 2.53572C10.0747 1.53506 12.1489 1.01991 15.0423 0.760247C17.9425 0.499981 21.6168 0.499512 26.56 0.499512H37.44C42.3832 0.499512 46.0575 0.499981 48.9577 0.760247C51.8511 1.01991 53.9253 1.53506 55.6796 2.53572C58.0908 3.91106 60.0885 5.90869 61.4638 8.3199C62.4645 10.0742 62.9796 12.1485 63.2393 15.0418C63.4995 17.942 63.5 21.6163 63.5 26.5595V37.4395C63.5 42.3827 63.4995 46.057 63.2393 48.9572C62.9796 51.8506 62.4645 53.9248 61.4638 55.6791C60.0885 58.0903 58.0908 60.088 55.6796 61.4633C53.9253 62.464 51.8511 62.9791 48.9577 63.2388C46.0575 63.499 42.3832 63.4995 37.44 63.4995H26.56C21.6168 63.4995 17.9425 63.499 15.0423 63.2388C12.1489 62.9791 10.0747 62.464 8.32039 61.4633C5.90917 60.088 3.91155 58.0903 2.53621 55.6791C1.53555 53.9248 1.02039 51.8506 0.760736 48.9572C0.50047 46.057 0.5 42.3827 0.5 37.4395V26.5595Z"
+        stroke="#141414"
+        strokeOpacity="0.1"
+      />
+      <Path
+        d="M40 39.4595C44.7824 36.693 48 31.5222 48 25.6C48 16.7634 40.8366 9.59998 32 9.59998C23.1634 9.59998 16 16.7634 16 25.6C16 31.5222 19.2176 36.693 24 39.4595V45.8144H40V39.4595Z"
+        fill="#906EF7"
+      />
+      <Path
+        d="M24 49.9689C24 51.8192 24 52.7444 24.3941 53.4353C24.6603 53.902 25.0469 54.2886 25.5136 54.5548C26.2046 54.9489 27.1297 54.9489 28.98 54.9489H35.02C36.8703 54.9489 37.7954 54.9489 38.4864 54.5548C38.9531 54.2886 39.3397 53.902 39.6059 53.4353C40 52.7444 40 51.8192 40 49.9689V45.8144H24V49.9689Z"
+        fill="#906EF7"
+      />
+      <Path
+        d="M24 45.8144V39.4595C19.2176 36.693 16 31.5222 16 25.6C16 16.7634 23.1634 9.59998 32 9.59998C40.8366 9.59998 48 16.7634 48 25.6C48 31.5222 44.7824 36.693 40 39.4595V45.8144M24 45.8144H40M24 45.8144V49.9689C24 51.8192 24 52.7444 24.3941 53.4353C24.6603 53.902 25.0469 54.2886 25.5136 54.5548C26.2046 54.9489 27.1297 54.9489 28.98 54.9489H35.02C36.8703 54.9489 37.7954 54.9489 38.4864 54.5548C38.9531 54.2886 39.3397 53.902 39.6059 53.4353C40 52.7444 40 51.8192 40 49.9689V45.8144"
+        stroke="white"
+        strokeWidth="2"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M24 49.9689C24 51.8192 24 52.7444 24.3941 53.4353C24.6603 53.902 25.0469 54.2886 25.5136 54.5548C26.2046 54.9489 27.1297 54.9489 28.98 54.9489H35.02C36.8703 54.9489 37.7954 54.9489 38.4864 54.5548C38.9531 54.2886 39.3397 53.902 39.6059 53.4353C40 52.7444 40 51.8192 40 49.9689V45.8144H24V49.9689Z"
+        fill="#643CDD"
+        stroke="white"
+        strokeWidth="2"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M29.6735 26.9101V29.1109H34.0753V26.9101C34.0753 25.6945 35.0607 24.7092 36.2762 24.7092C37.4917 24.7092 38.4771 25.6945 38.4771 26.9101C38.4771 28.1256 37.4917 29.1109 36.2762 29.1109H34.0753H29.6735H27.4726C26.2571 29.1109 25.2717 28.1256 25.2717 26.9101C25.2717 25.6945 26.2571 24.7092 27.4726 24.7092C28.6881 24.7092 29.6735 25.6945 29.6735 26.9101Z"
+        fill="#906EF7"
+      />
+      <Path
+        d="M29.6735 45.3183V26.9101C29.6735 25.6945 28.6881 24.7092 27.4726 24.7092V24.7092C26.2571 24.7092 25.2717 25.6945 25.2717 26.9101V26.9101C25.2717 28.1256 26.2571 29.1109 27.4726 29.1109H36.2762C37.4917 29.1109 38.4771 28.1256 38.4771 26.9101V26.9101C38.4771 25.6945 37.4917 24.7092 36.2762 24.7092V24.7092C35.0607 24.7092 34.0753 25.6945 34.0753 26.9101V45.3183"
+        stroke="white"
+        strokeWidth="2"
+        strokeLinejoin="round"
+      />
+    </G>
+    <Defs>
+      <ClipPath id="clip0_241_31636">
+        <Rect width="64" height="64" fill="white" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+export default LightbulbSvg;

package/src/assets/visual/Pencil.tsx

@@ -0,0 +1,80 @@
+import Svg, { ClipPath, Defs, G, Path, Rect, type SvgProps } from 'react-native-svg';
+
+const PencilSvg = (props: SvgProps) => (
+  <Svg width="64" height="64" viewBox="0 0 64 64" fill="none" {...props}>
+    <G clip-path="url(#clip0_241_31635)">
+      <Path
+        d="M0 26.5595C0 16.6913 0 11.7572 2.1019 8.07217C3.5216 5.58317 5.58366 3.52111 8.07266 2.10141C11.7577 -0.000488281 16.6918 -0.000488281 26.56 -0.000488281H37.44C47.3082 -0.000488281 52.2423 -0.000488281 55.9273 2.10141C58.4163 3.52111 60.4784 5.58317 61.8981 8.07217C64 11.7572 64 16.6913 64 26.5595V37.4395C64 47.3077 64 52.2418 61.8981 55.9268C60.4784 58.4158 58.4163 60.4779 55.9273 61.8976C52.2423 63.9995 47.3082 63.9995 37.44 63.9995H26.56C16.6918 63.9995 11.7577 63.9995 8.07266 61.8976C5.58366 60.4779 3.5216 58.4158 2.1019 55.9268C0 52.2418 0 47.3077 0 37.4395V26.5595Z"
+        fill="#EB8B47"
+      />
+      <Path
+        d="M0.5 26.5595C0.5 21.6163 0.50047 17.942 0.760736 15.0418C1.02039 12.1485 1.53555 10.0742 2.53621 8.3199C3.91155 5.90869 5.90917 3.91106 8.32039 2.53572C10.0747 1.53506 12.1489 1.01991 15.0423 0.760247C17.9425 0.499981 21.6168 0.499512 26.56 0.499512H37.44C42.3832 0.499512 46.0575 0.499981 48.9577 0.760247C51.8511 1.01991 53.9253 1.53506 55.6796 2.53572C58.0908 3.91106 60.0885 5.90869 61.4638 8.3199C62.4645 10.0742 62.9796 12.1485 63.2393 15.0418C63.4995 17.942 63.5 21.6163 63.5 26.5595V37.4395C63.5 42.3827 63.4995 46.057 63.2393 48.9572C62.9796 51.8506 62.4645 53.9248 61.4638 55.6791C60.0885 58.0903 58.0908 60.088 55.6796 61.4633C53.9253 62.464 51.8511 62.9791 48.9577 63.2388C46.0575 63.499 42.3832 63.4995 37.44 63.4995H26.56C21.6168 63.4995 17.9425 63.499 15.0423 63.2388C12.1489 62.9791 10.0747 62.464 8.32039 61.4633C5.90917 60.088 3.91155 58.0903 2.53621 55.6791C1.53555 53.9248 1.02039 51.8506 0.760736 48.9572C0.50047 46.057 0.5 42.3827 0.5 37.4395V26.5595Z"
+        stroke="#141414"
+        strokeOpacity="0.1"
+      />
+      <Path
+        d="M28.1042 49.2329L13.1024 51.2077L15.0772 36.2059L37.1015 14.1815C39.2441 12.039 40.3154 10.9677 41.5718 10.624C42.4205 10.3918 43.3159 10.3918 44.1645 10.624C45.421 10.9677 46.4922 12.039 48.6348 14.1815L50.1286 15.6753C52.2711 17.8179 53.3424 18.8891 53.6861 20.1456C53.9183 20.9942 53.9183 21.8896 53.6861 22.7383C53.3424 23.9947 52.2711 25.066 50.1286 27.2086L28.1042 49.2329Z"
+        fill="#FF974C"
+        stroke="#E4E7E7"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M38.5962 20.5376L22.4199 36.7139"
+        stroke="#E4E7E7"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M43.7727 25.714L27.5964 41.8903"
+        stroke="#E4E7E7"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M22.3703 36.7635C19.3258 39.808 16.0198 36.6395 16.2616 35.0324"
+        stroke="#E4E7E7"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M27.5466 41.9399C24.5034 44.9831 28.155 48.7098 29.2738 48.0475"
+        stroke="#E4E7E7"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M27.5468 41.9398C23.428 46.0586 18.2516 40.8822 22.3704 36.7634"
+        stroke="#E4E7E7"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M15.8191 50.5214C15.4711 49.5823 14.728 48.8392 13.7889 48.4912"
+        stroke="#E4E7E7"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M49.2862 29.5805L34.7275 15.0219"
+        stroke="#E4E7E7"
+        strokeWidth="2"
+        strokeLinejoin="round"
+      />
+    </G>
+    <Defs>
+      <ClipPath id="clip0_241_31635">
+        <Rect width="64" height="64" fill="white" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+export default PencilSvg;

package/src/assets/visual/Profile.tsx

@@ -13,8 +13,8 @@ const SvgProfile = (props: SvgProps) => (
       <Circle cx="35.5" cy="23.5" r="1.5" fill="#fff" />
       <Path
         stroke="#fff"
-        stroke-linecap="round"
-        stroke-linejoin="round"
+        strokeLinecap="round"
+        strokeLinejoin="round"
         strokeWidth="2"
         d="m31 20-3 8h4"
       />

package/src/components/wui-card/index.tsx

@@ -18,7 +18,7 @@ export function Card({ children, style }: CardProps) {
       enabled={Platform.OS === 'ios'}
       style={[
         styles.container,
-        { backgroundColor: Theme['bg-100'], borderColor: Theme['gray-glass-005'] },
+        { backgroundColor: Theme['bg-100'], borderColor: Theme['gray-glass-015'] },
         style
       ]}
     >

package/src/components/wui-card/styles.ts

@@ -4,7 +4,7 @@ import { BorderRadius } from '../../utils/ThemeUtil';
 export default StyleSheet.create({
   container: {
     borderRadius: BorderRadius.l,
-    borderWidth: 1,
+    borderWidth: StyleSheet.hairlineWidth,
     overflow: 'hidden'
   }
 });

package/src/components/wui-icon/index.tsx

@@ -5,6 +5,7 @@ import type { ColorType, IconType, SizeType, ThemeKeys } from '../../utils/Types
 import AllWalletsSvg from '../../assets/svg/AllWallets';
 import AppleSvg from '../../assets/svg/Apple';
 import ArrowBottomSvg from '../../assets/svg/ArrowBottom';
+import ArrowBottomCircleSvg from '../../assets/svg/ArrowBottomCircle';
 import ArrowLeftSvg from '../../assets/svg/ArrowLeft';
 import ArrowRightSvg from '../../assets/svg/ArrowRight';
 import ArrowTopSvg from '../../assets/svg/ArrowTop';
@@ -29,6 +30,8 @@ import EtherscanSvg from '../../assets/svg/Etherscan';
 import ExtensionSvg from '../../assets/svg/Extension';
 import ExternalLinkSvg from '../../assets/svg/ExternalLink';
 import FacebookSvg from '../../assets/svg/Facebook';
+import FarcasterSvg from '../../assets/svg/Farcaster';
+import FarcasterSquareSvg from '../../assets/svg/FarcasterSquare';
 import FiltersSvg from '../../assets/svg/Filters';
 import GithubSvg from '../../assets/svg/Github';
 import GoogleSvg from '../../assets/svg/Google';
@@ -36,24 +39,25 @@ import HelpCircleSvg from '../../assets/svg/HelpCircle';
 import InfoCircleSvg from '../../assets/svg/InfoCircle';
 import MailSvg from '../../assets/svg/Mail';
 import MobileSvg from '../../assets/svg/Mobile';
+import MoreSvg from '../../assets/svg/More';
 import NetworkPlaceholderSvg from '../../assets/svg/NetworkPlaceholder';
 import NftPlaceholderSvg from '../../assets/svg/NftPlaceholder';
 import OffSvg from '../../assets/svg/Off';
+import PaperplaneSvg from '../../assets/svg/Paperplane';
 import QrCodeSvg from '../../assets/svg/QrCode';
 import RefreshSvg from '../../assets/svg/Refresh';
 import SearchSvg from '../../assets/svg/Search';
 import SwapHorizontalSvg from '../../assets/svg/SwapHorizontal';
 import SwapVerticalSvg from '../../assets/svg/SwapVertical';
 import TelegramSvg from '../../assets/svg/Telegram';
-import TwitterSvg from '../../assets/svg/Twitter';
+import TwitchSvg from '../../assets/svg/Twitch';
 import VerifySvg from '../../assets/svg/Verify';
-import WalletConnectSvg from '../../assets/svg/WalletConnect';
+import WalletConnectSvg, { WalletConnectLightBrownSvg } from '../../assets/svg/WalletConnect';
 import WalletSvg from '../../assets/svg/Wallet';
 import WalletSmallSvg from '../../assets/svg/WalletSmall';
 import WarningCircleSvg from '../../assets/svg/WarningCircle';
-import TwitchSvg from '../../assets/svg/Twitch';
-import TwitterIconSvg from '../../assets/svg/TwitterIcon';
 import WalletPlaceholderSvg from '../../assets/svg/WalletPlaceholder';
+import XSvg from '../../assets/svg/X';
 import { useTheme } from '../../hooks/useTheme';
 import { IconSize } from '../../utils/ThemeUtil';
 
@@ -61,6 +65,7 @@ const svgOptions: Record<IconType, (props: SvgProps) => JSX.Element> = {
   allWallets: AllWalletsSvg,
   apple: AppleSvg,
   arrowBottom: ArrowBottomSvg,
+  arrowBottomCircle: ArrowBottomCircleSvg,
   arrowLeft: ArrowLeftSvg,
   arrowRight: ArrowRightSvg,
   arrowTop: ArrowTopSvg,
@@ -85,6 +90,8 @@ const svgOptions: Record<IconType, (props: SvgProps) => JSX.Element> = {
   extension: ExtensionSvg,
   externalLink: ExternalLinkSvg,
   facebook: FacebookSvg,
+  farcaster: FarcasterSvg,
+  farcasterSquare: FarcasterSquareSvg,
   filters: FiltersSvg,
   github: GithubSvg,
   google: GoogleSvg,
@@ -92,9 +99,11 @@ const svgOptions: Record<IconType, (props: SvgProps) => JSX.Element> = {
   infoCircle: InfoCircleSvg,
   mail: MailSvg,
   mobile: MobileSvg,
+  more: MoreSvg,
   networkPlaceholder: NetworkPlaceholderSvg,
   nftPlaceholder: NftPlaceholderSvg,
   off: OffSvg,
+  paperplane: PaperplaneSvg,
   qrCode: QrCodeSvg,
   refresh: RefreshSvg,
   search: SearchSvg,
@@ -102,19 +111,19 @@ const svgOptions: Record<IconType, (props: SvgProps) => JSX.Element> = {
   swapVertical: SwapVerticalSvg,
   telegram: TelegramSvg,
   twitch: TwitchSvg,
-  twitter: TwitterSvg,
-  twitterIcon: TwitterIconSvg,
   verify: VerifySvg,
   wallet: WalletSvg,
   walletSmall: WalletSmallSvg,
   warningCircle: WarningCircleSvg,
   walletConnect: WalletConnectSvg,
-  walletPlaceholder: WalletPlaceholderSvg
+  walletConnectLightBrown: WalletConnectLightBrownSvg,
+  walletPlaceholder: WalletPlaceholderSvg,
+  x: XSvg
 };
 
 export type IconProps = SvgProps & {
   name: IconType;
-  size?: Exclude<SizeType, 'xl'>;
+  size?: SizeType;
   color?: ColorType;
   style?: SvgProps['style'];
 };

package/src/components/wui-visual/index.tsx

@@ -14,6 +14,9 @@ import NounSvg from '../../assets/visual/Noun';
 import ProfileSvg from '../../assets/visual/Profile';
 import SystemSvg from '../../assets/visual/System';
 import type { VisualType } from '../../utils/TypesUtil';
+import GoogleSvg from '../../assets/visual/Google';
+import LightbulbSvg from '../../assets/visual/Lightbulb';
+import PencilSvg from '../../assets/visual/Pencil';
 
 const svgOptions: Record<VisualType, (props: SvgProps) => JSX.Element> = {
   browser: BrowserSvg,
@@ -21,12 +24,15 @@ const svgOptions: Record<VisualType, (props: SvgProps) => JSX.Element> = {
   defi: DefiSvg,
   defiAlt: DefiAltSvg,
   eth: EthSvg,
+  google: GoogleSvg,
   layers: LayersSvg,
+  lightbulb: LightbulbSvg,
   lock: LockSvg,
   login: LoginSvg,
   network: NetworkSvg,
   nft: NftSvg,
   noun: NounSvg,
+  pencil: PencilSvg,
   profile: ProfileSvg,
   system: SystemSvg
 };