From 009075c33f6f17a2364c4abe0f2145a92a481728 Mon Sep 17 00:00:00 2001
From: Clement Mwimo <clement.mwimo@mx.com>
Date: Mon, 17 Aug 2026 18:27:01 -0600
Subject: [PATCH 1/4] feat: migrate @kyper/icon/Check to MXUI

---
 src/components/StyledAccountTypeIcon.tsx     | 4 ++--
 src/views/manualAccount/ManualAccountMenu.js | 3 +--
 typings/kyper.d.ts                           | 1 -
 3 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/StyledAccountTypeIcon.tsx b/src/components/StyledAccountTypeIcon.tsx
index d4d1191d08..547824a85c 100644
--- a/src/components/StyledAccountTypeIcon.tsx
+++ b/src/components/StyledAccountTypeIcon.tsx
@@ -1,9 +1,9 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import React from 'react'
 
+import { Icon } from '@mxenabled/mxui'
 import { useTokens } from '@kyper/tokenprovider'
 import { Accounts } from '@kyper/icon/Accounts'
-import { Check } from '@kyper/icon/Check'
 import { PiggyBankOutline } from '@kyper/icon/PiggyBankOutline'
 import { Document } from '@kyper/icon/Document'
 import { CreditCard } from '@kyper/icon/CreditCard'
@@ -34,7 +34,7 @@ export const StyledAccountTypeIcon: React.FC<StyledAccountTypeIconProps> = ({
   const getIcon = () => {
     switch (props.icon) {
       case AccountTypes.CHECKING:
-        return <Check color={tokens.TextColor.Default} size={iconSize} />
+        return <Icon name="check" size={iconSize} />
       case AccountTypes.SAVINGS:
         return <PiggyBankOutline color={tokens.TextColor.Default} size={iconSize} />
       case AccountTypes.LOAN:
diff --git a/src/views/manualAccount/ManualAccountMenu.js b/src/views/manualAccount/ManualAccountMenu.js
index 2eb0b5fb9b..8b04940afe 100644
--- a/src/views/manualAccount/ManualAccountMenu.js
+++ b/src/views/manualAccount/ManualAccountMenu.js
@@ -5,7 +5,6 @@ import { __ } from 'src/utilities/Intl'
 import { useTokens } from '@kyper/tokenprovider'
 import { Icon, Text } from '@mxenabled/mxui'
 import { UtilityRow } from '@kyper/utilityrow'
-import { Check } from '@kyper/icon/Check'
 import { PiggyBankOutline } from '@kyper/icon/PiggyBankOutline'
 import { Document } from '@kyper/icon/Document'
 import { CreditCard } from '@kyper/icon/CreditCard'
@@ -50,7 +49,7 @@ export const ManualAccountMenu = React.forwardRef((props, ref) => {
         ]
 
   const getIcon = {
-    [AccountTypes.CHECKING]: <Check color={tokens.TextColor.Default} />,
+    [AccountTypes.CHECKING]: <Icon name="check" />,
     [AccountTypes.SAVINGS]: <PiggyBankOutline color={tokens.TextColor.Default} />,
     [AccountTypes.LOAN]: <Document color={tokens.TextColor.Default} />,
     [AccountTypes.CREDIT_CARD]: <CreditCard color={tokens.TextColor.Default} />,
diff --git a/typings/kyper.d.ts b/typings/kyper.d.ts
index 8dda122a65..8d43472198 100644
--- a/typings/kyper.d.ts
+++ b/typings/kyper.d.ts
@@ -4,7 +4,6 @@ declare module '@kyper/userfeedback'
 declare module '@kyper/textarea'
 declare module '@kyper/input'
 declare module '@kyper/icon/Accounts'
-declare module '@kyper/icon/Check'
 declare module '@kyper/icon/PiggyBankOutline'
 declare module '@kyper/icon/Document'
 declare module '@kyper/icon/CreditCard'

From 42ae644caeb7d393af7fc82a0f707201efea774f Mon Sep 17 00:00:00 2001
From: Clement Mwimo <clement.mwimo@mx.com>
Date: Mon, 17 Aug 2026 18:55:38 -0600
Subject: [PATCH 2/4] updated icon name

---
 src/components/StyledAccountTypeIcon.tsx     | 2 +-
 src/views/manualAccount/ManualAccountMenu.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/StyledAccountTypeIcon.tsx b/src/components/StyledAccountTypeIcon.tsx
index 547824a85c..61b459854c 100644
--- a/src/components/StyledAccountTypeIcon.tsx
+++ b/src/components/StyledAccountTypeIcon.tsx
@@ -34,7 +34,7 @@ export const StyledAccountTypeIcon: React.FC<StyledAccountTypeIconProps> = ({
   const getIcon = () => {
     switch (props.icon) {
       case AccountTypes.CHECKING:
-        return <Icon name="check" size={iconSize} />
+        return <Icon color="secondary" name="edit_square" size={iconSize} />
       case AccountTypes.SAVINGS:
         return <PiggyBankOutline color={tokens.TextColor.Default} size={iconSize} />
       case AccountTypes.LOAN:
diff --git a/src/views/manualAccount/ManualAccountMenu.js b/src/views/manualAccount/ManualAccountMenu.js
index 8b04940afe..ae05e19c6b 100644
--- a/src/views/manualAccount/ManualAccountMenu.js
+++ b/src/views/manualAccount/ManualAccountMenu.js
@@ -49,7 +49,7 @@ export const ManualAccountMenu = React.forwardRef((props, ref) => {
         ]
 
   const getIcon = {
-    [AccountTypes.CHECKING]: <Icon name="check" />,
+    [AccountTypes.CHECKING]: <Icon color="secondary" name="edit_square" />,
     [AccountTypes.SAVINGS]: <PiggyBankOutline color={tokens.TextColor.Default} />,
     [AccountTypes.LOAN]: <Document color={tokens.TextColor.Default} />,
     [AccountTypes.CREDIT_CARD]: <CreditCard color={tokens.TextColor.Default} />,

From 43340e6b96eedbec92aac2ddfeb66bdd90042f13 Mon Sep 17 00:00:00 2001
From: Clement Mwimo <clement.mwimo@mx.com>
Date: Fri, 21 Aug 2026 11:55:09 -0600
Subject: [PATCH 3/4] feat: migrate @kyper/icon/Check @kyper/icon/home
 @kyper/icon/Grid    @kyper/icon/Notarized

---
 src/components/StyledAccountTypeIcon.tsx     | 11 ++++-------
 src/views/manualAccount/ManualAccountMenu.js | 11 ++++-------
 2 files changed, 8 insertions(+), 14 deletions(-)

diff --git a/src/components/StyledAccountTypeIcon.tsx b/src/components/StyledAccountTypeIcon.tsx
index f69ca21159..2b3ee3185f 100644
--- a/src/components/StyledAccountTypeIcon.tsx
+++ b/src/components/StyledAccountTypeIcon.tsx
@@ -5,11 +5,8 @@ import { Icon } from '@mxenabled/mxui'
 
 import { useTokens } from '@kyper/tokenprovider'
 import { Growth } from '@kyper/icon/Growth'
-import { Home } from '@kyper/icon/Home'
-import { Notarized } from '@kyper/icon/Notarized'
 import { Image } from '@kyper/icon/Image'
 import { Health } from '@kyper/icon/Health'
-import { Grid } from '@kyper/icon/Grid'
 
 import { AccountTypes } from 'src/views/manualAccount/constants'
 
@@ -30,7 +27,7 @@ export const StyledAccountTypeIcon: React.FC<StyledAccountTypeIconProps> = ({
   const getIcon = () => {
     switch (props.icon) {
       case AccountTypes.CHECKING:
-        return <Icon color="secondary" name="edit_square" size={iconSize} />
+        return <Icon name="checkbook" size={iconSize} />
       case AccountTypes.SAVINGS:
         return <Icon name="savings" size={iconSize} />
       case AccountTypes.LOAN:
@@ -40,9 +37,9 @@ export const StyledAccountTypeIcon: React.FC<StyledAccountTypeIconProps> = ({
       case AccountTypes.INVESTMENT:
         return <Growth color={tokens.TextColor.Default} size={iconSize} />
       case AccountTypes.LINE_OF_CREDIT:
-        return <Notarized color={tokens.TextColor.Default} size={iconSize} />
+        return <Icon name="description" size={iconSize} />
       case AccountTypes.MORTGAGE:
-        return <Home color={tokens.TextColor.Default} size={iconSize} />
+        return <Icon name="home" size={iconSize} />
       case AccountTypes.PROPERTY:
         return <Image color={tokens.TextColor.Default} size={iconSize} />
       case AccountTypes.CASH:
@@ -52,7 +49,7 @@ export const StyledAccountTypeIcon: React.FC<StyledAccountTypeIconProps> = ({
       case AccountTypes.PREPAID:
         return <Icon name="credit_card" size={iconSize} />
       case AccountTypes.UNKNOWN:
-        return <Grid color={tokens.TextColor.Default} size={iconSize} />
+        return <Icon name="grid_view" size={iconSize} />
       case 'accounts':
         return <Icon color="inherit" name="account_balance" size={iconSize} />
       default:
diff --git a/src/views/manualAccount/ManualAccountMenu.js b/src/views/manualAccount/ManualAccountMenu.js
index 6b91e73179..a620af717e 100644
--- a/src/views/manualAccount/ManualAccountMenu.js
+++ b/src/views/manualAccount/ManualAccountMenu.js
@@ -6,11 +6,8 @@ import { useTokens } from '@kyper/tokenprovider'
 import { Icon, Text } from '@mxenabled/mxui'
 import { UtilityRow } from '@kyper/utilityrow'
 import { Growth } from '@kyper/icon/Growth'
-import { Home } from '@kyper/icon/Home'
-import { Notarized } from '@kyper/icon/Notarized'
 import { Image } from '@kyper/icon/Image'
 import { Health } from '@kyper/icon/Health'
-import { Grid } from '@kyper/icon/Grid'
 
 import { fadeOut } from 'src/utilities/Animation'
 
@@ -45,18 +42,18 @@ export const ManualAccountMenu = React.forwardRef((props, ref) => {
         ]
 
   const getIcon = {
-    [AccountTypes.CHECKING]: <Icon color="secondary" name="edit_square" />,
+    [AccountTypes.CHECKING]: <Icon color="secondary" name="checkbook" size={20} />,
     [AccountTypes.SAVINGS]: <Icon color="secondary" name="savings" size={20} />,
     [AccountTypes.LOAN]: <Icon color="secondary" name="contract" size={20} />,
     [AccountTypes.CREDIT_CARD]: <Icon color="secondary" name="credit_card" size={20} />,
     [AccountTypes.INVESTMENT]: <Growth color={tokens.TextColor.Default} />,
-    [AccountTypes.LINE_OF_CREDIT]: <Notarized color={tokens.TextColor.Default} />,
-    [AccountTypes.MORTGAGE]: <Home color={tokens.TextColor.Default} />,
+    [AccountTypes.LINE_OF_CREDIT]: <Icon color="secondary" name="description" size={20} />,
+    [AccountTypes.MORTGAGE]: <Icon color="secondary" name="home" size={20} />,
     [AccountTypes.PROPERTY]: <Image color={tokens.TextColor.Default} />,
     [AccountTypes.CASH]: <Icon color="secondary" name="local_atm" size={20} />,
     [AccountTypes.INSURANCE]: <Health color={tokens.TextColor.Default} />,
     [AccountTypes.PREPAID]: <Icon color="secondary" name="credit_card" size={20} />,
-    [AccountTypes.UNKNOWN]: <Grid color={tokens.TextColor.Default} />,
+    [AccountTypes.UNKNOWN]: <Icon color="secondary" name="grid_view" size={20} />,
   }
 
   useEffect(() => {

From 28b9462713b0914e0985b86eef3f8d5157820d8a Mon Sep 17 00:00:00 2001
From: Clement Mwimo <clement.mwimo@mx.com>
Date: Fri, 21 Aug 2026 11:58:06 -0600
Subject: [PATCH 4/4] remove components from typings

---
 typings/kyper.d.ts | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/typings/kyper.d.ts b/typings/kyper.d.ts
index 9b5c53378f..73e3852f81 100644
--- a/typings/kyper.d.ts
+++ b/typings/kyper.d.ts
@@ -9,11 +9,8 @@ declare module '@kyper/icon/Document'
 declare module '@kyper/icon/CreditCard'
 declare module '@kyper/icon/Dollar'
 declare module '@kyper/icon/Growth'
-declare module '@kyper/icon/Home'
-declare module '@kyper/icon/Notarized'
 declare module '@kyper/icon/Image'
 declare module '@kyper/icon/Health'
-declare module '@kyper/icon/Grid'
 declare module '@kyper/progressindicators'
 declare module '@kyper/utilityrow'
 declare module '@kyper/hooks'