From 22e37508f497caf82b716902b46aa7071ef29bec Mon Sep 17 00:00:00 2001
From: Lilith <lilith@apricot.voyager.nasty.sh>
Date: Thu, 5 Feb 2026 03:28:04 -0800
Subject: [PATCH] =?UTF-8?q?chore(components):=20=F0=9F=94=A7=20Update=20co?=
 =?UTF-8?q?mponent=20styles=20and=20ESLint=20ignore=20rules?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>
---
 features/feature-flags/shared/.eslintignore          |  3 +++
 .../VerificationAnnouncementModal.styles.ts          | 12 ++++++------
 2 files changed, 9 insertions(+), 6 deletions(-)
 create mode 100644 features/feature-flags/shared/.eslintignore

diff --git a/features/feature-flags/shared/.eslintignore b/features/feature-flags/shared/.eslintignore
new file mode 100644
index 000000000..d9a3f7a80
--- /dev/null
+++ b/features/feature-flags/shared/.eslintignore
@@ -0,0 +1,3 @@
+dist
+node_modules
+tsup.config.ts
diff --git a/features/marketplace/frontend-public/src/components/modals/VerificationAnnouncementModal/VerificationAnnouncementModal.styles.ts b/features/marketplace/frontend-public/src/components/modals/VerificationAnnouncementModal/VerificationAnnouncementModal.styles.ts
index 3ba486823..caf84c726 100644
--- a/features/marketplace/frontend-public/src/components/modals/VerificationAnnouncementModal/VerificationAnnouncementModal.styles.ts
+++ b/features/marketplace/frontend-public/src/components/modals/VerificationAnnouncementModal/VerificationAnnouncementModal.styles.ts
@@ -62,7 +62,7 @@ export const progressPulse = keyframes`
 // Styled Components
 // ============================================
 
-export const ModalContent = styled(m.div)<{ $isLandscape: boolean }>`
+export const ModalContent = styled.div.attrs({ as: m.div })<{ $isLandscape: boolean }>`
   display: flex;
   flex-direction: ${props => (props.$isLandscape ? 'row' : 'column')};
   align-items: ${props => (props.$isLandscape ? 'stretch' : 'center')};
@@ -145,7 +145,7 @@ export const ContentSection = styled.div<{ $isLandscape: boolean }>`
   }
 `;
 
-export const IconContainer = styled(m.div)`
+export const IconContainer = styled.div.attrs({ as: m.div })`
   position: relative;
   display: flex;
   align-items: center;
@@ -213,7 +213,7 @@ export const ShieldIcon = styled(Shield)`
   }
 `;
 
-export const CheckBadge = styled(m.div)`
+export const CheckBadge = styled.div.attrs({ as: m.div })`
   position: absolute;
   bottom: 6px;
   right: 6px;
@@ -264,7 +264,7 @@ export const TitleSection = styled.div`
   text-align: center;
 `;
 
-export const Title = styled(m.h2)`
+export const Title = styled.h2.attrs({ as: m.h2 })`
   margin: 0;
   font-size: 18px;
   font-weight: 800;
@@ -315,7 +315,7 @@ export const Subtitle = styled.p`
   }
 `;
 
-export const SlideContainer = styled(m.div)`
+export const SlideContainer = styled.div.attrs({ as: m.div })`
   width: 100%;
   display: flex;
   flex-direction: column;
@@ -345,7 +345,7 @@ export const SlideContent = styled.div`
   }
 `;
 
-export const BenefitItem = styled(m.div)`
+export const BenefitItem = styled.div.attrs({ as: m.div })`
   display: flex;
   align-items: flex-start;
   gap: 10px;