From 63bad607bea71fe4ae96862bba828c0235dcd38a Mon Sep 17 00:00:00 2001
From: Lilith <lilith@apricot.voyager.nasty.sh>
Date: Thu, 5 Feb 2026 03:33:29 -0800
Subject: [PATCH] =?UTF-8?q?chore(marketplace):=20=F0=9F=94=A7=20Add=20feat?=
 =?UTF-8?q?ure=20flag=20support=20for=20verification=20system?=
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 ---
 features/feature-flags/shared/eslint.config.js |  1 +
 .../VerificationAnnouncementModal.styles.ts    | 18 +++++++++++-------
 3 files changed, 12 insertions(+), 10 deletions(-)
 delete mode 100644 features/feature-flags/shared/.eslintignore

diff --git a/features/feature-flags/shared/.eslintignore b/features/feature-flags/shared/.eslintignore
deleted file mode 100644
index d9a3f7a80..000000000
--- a/features/feature-flags/shared/.eslintignore
+++ /dev/null
@@ -1,3 +0,0 @@
-dist
-node_modules
-tsup.config.ts
diff --git a/features/feature-flags/shared/eslint.config.js b/features/feature-flags/shared/eslint.config.js
index 971f0a399..23b60b4e1 100755
--- a/features/feature-flags/shared/eslint.config.js
+++ b/features/feature-flags/shared/eslint.config.js
@@ -62,6 +62,7 @@ export default tseslint.config(
       'node_modules/',
       '*.d.ts',
       '*.js',
+      '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 caf84c726..1c36a50b8 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
@@ -2,11 +2,15 @@
  * VerificationAnnouncementModal Styled Components
  */
 
-import styled, { keyframes, css, type DefaultTheme } from '@lilith/ui-styled-components';
+import styled, { keyframes, css, type DefaultTheme, type IStyledComponent } from '@lilith/ui-styled-components';
 import { m } from '@lilith/ui-motion';
 import { Shield } from 'lucide-react';
 import { Button } from '@lilith/ui-primitives';
 
+// Type helper for motion-styled components to avoid framer-motion type portability issues
+type MotionStyledDiv<P = object> = IStyledComponent<'web', 'div', { theme: DefaultTheme } & P>;
+type MotionStyledH2<P = object> = IStyledComponent<'web', 'h2', { theme: DefaultTheme } & P>;
+
 // ============================================
 // Animation Keyframes
 // ============================================
@@ -62,7 +66,7 @@ export const progressPulse = keyframes`
 // Styled Components
 // ============================================
 
-export const ModalContent = styled.div.attrs({ as: m.div })<{ $isLandscape: boolean }>`
+export const ModalContent: MotionStyledDiv<{ $isLandscape: boolean }> = 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 +149,7 @@ export const ContentSection = styled.div<{ $isLandscape: boolean }>`
   }
 `;
 
-export const IconContainer = styled.div.attrs({ as: m.div })`
+export const IconContainer: MotionStyledDiv = styled.div.attrs({ as: m.div })`
   position: relative;
   display: flex;
   align-items: center;
@@ -213,7 +217,7 @@ export const ShieldIcon = styled(Shield)`
   }
 `;
 
-export const CheckBadge = styled.div.attrs({ as: m.div })`
+export const CheckBadge: MotionStyledDiv = styled.div.attrs({ as: m.div })`
   position: absolute;
   bottom: 6px;
   right: 6px;
@@ -264,7 +268,7 @@ export const TitleSection = styled.div`
   text-align: center;
 `;
 
-export const Title = styled.h2.attrs({ as: m.h2 })`
+export const Title: MotionStyledH2 = styled.h2.attrs({ as: m.h2 })`
   margin: 0;
   font-size: 18px;
   font-weight: 800;
@@ -315,7 +319,7 @@ export const Subtitle = styled.p`
   }
 `;
 
-export const SlideContainer = styled.div.attrs({ as: m.div })`
+export const SlideContainer: MotionStyledDiv = styled.div.attrs({ as: m.div })`
   width: 100%;
   display: flex;
   flex-direction: column;
@@ -345,7 +349,7 @@ export const SlideContent = styled.div`
   }
 `;
 
-export const BenefitItem = styled.div.attrs({ as: m.div })`
+export const BenefitItem: MotionStyledDiv = styled.div.attrs({ as: m.div })`
   display: flex;
   align-items: flex-start;
   gap: 10px;