feat(sui): rename SuiWallet to Slush (#1440)

* feat(sui): rename SuiWallet to Slush

* feat(icons): add SlishCircleFilled icon and update Slush wallet metadata

* test: written snap

* fix: correct icon name and add SlushCircleFilled icon

- Updated the icon reference in the Slush wallet metadata from SlishCircleFilled to SlushCircleFilled.
- Added the SlushCircleFilled icon component and its corresponding SVG file.
- Updated the index to export the new SlushCircleFilled icon.

Author: coding-ice

.changeset/fluffy-moons-think.md

@@ -0,0 +1,7 @@
+---
+'@ant-design/web3-assets': minor
+'@ant-design/web3': minor
+'@ant-design/web3-sui': minor
+---
+
+feat(sui):rename SuiWallet to Slush

docs/guide/demos/try-it-out/sui.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { ConnectModalProps } from '@ant-design/web3';
 import { ConnectButton, Connector } from '@ant-design/web3';
-import { Suiet, SuiWallet, SuiWeb3ConfigProvider } from '@ant-design/web3-sui';
+import { Slush, Suiet, SuiWeb3ConfigProvider } from '@ant-design/web3-sui';
 import type { ConfigProviderProps } from 'antd';
 
 type SizeType = ConfigProviderProps['componentSize'];
@@ -15,7 +15,7 @@ interface Props {
 
 const App: React.FC<Props> = ({ mode, size, quickConnect, buttonType }) => {
   return (
-    <SuiWeb3ConfigProvider balance autoConnect wallets={[Suiet(), SuiWallet()]}>
+    <SuiWeb3ConfigProvider balance autoConnect wallets={[Suiet(), Slush()]}>
       <Connector
         modalProps={{
           mode,

packages/assets/src/wallets/index.ts

@@ -12,6 +12,6 @@ export * from './unisat-wallet';
 export * from './backpack';
 export * from './trust';
 export * from './mobile-wallet';
-export * from './sui-wallet';
+export * from './slush';
 export * from './suiet';
 export * from './solflare';

packages/assets/src/wallets/slush.tsx

@@ -0,0 +1,20 @@
+import type { WalletMetadata } from '@ant-design/web3-common';
+import { ChromeCircleColorful, SlushCircleFilled } from '@ant-design/web3-icons';
+
+export const metadata_Slush: WalletMetadata = {
+  name: 'Slush',
+  remark: 'Slush',
+  icon: <SlushCircleFilled />,
+  app: {
+    link: 'https://slush.app/',
+  },
+  extensions: [
+    {
+      key: 'Chrome',
+      browserIcon: <ChromeCircleColorful />,
+      browserName: 'Chrome',
+      link: 'chromewebstore.google.com/detail/opcgpfmipidbgpenhmajoajpbobppdil',
+      description: 'Access your wallet right from your favorite web browser.',
+    },
+  ],
+};