From d86fe3d64da43359fcf23081f314d2ccd6cd207a Mon Sep 17 00:00:00 2001
From: Lilith <lilith@apricot.voyager.nasty.sh>
Date: Wed, 11 Feb 2026 05:07:28 -0800
Subject: [PATCH] =?UTF-8?q?feat(age-verification):=20=E2=9C=A8=20Add=20Age?=
 =?UTF-8?q?Gate=20UI=20component=20with=20age=20input=20validation,=20erro?=
 =?UTF-8?q?r=20handling,=20and=20submission=20logic?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>
---
 .../src/components/AgeGate/AgeGate.tsx                    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/features/age-verification/frontend-components/src/components/AgeGate/AgeGate.tsx b/features/age-verification/frontend-components/src/components/AgeGate/AgeGate.tsx
index 280886da0..271c2ba0d 100755
--- a/features/age-verification/frontend-components/src/components/AgeGate/AgeGate.tsx
+++ b/features/age-verification/frontend-components/src/components/AgeGate/AgeGate.tsx
@@ -9,7 +9,7 @@ import { useEffect, useRef, useCallback, type ReactNode, type ReactElement } fro
 
 import { DEFAULT_EXIT_URL } from '@lilith/age-verification'
 import { m, AnimatePresence } from '@lilith/ui-motion'
-import { ShieldAlert, LogOut, CheckCircle } from 'lucide-react'
+import { ShieldAlertIcon, LogOutIcon, CheckCircleIcon } from '@lilith/ui-icons'
 import { useTranslation } from 'react-i18next'
 
 
@@ -131,7 +131,7 @@ export const AgeGate = ({
           <m.div className="age-gate-container" {...contentMotionProps}>
             {/* Icon */}
             <div className="age-gate-icon">
-              <ShieldAlert size={48} strokeWidth={1.5} />
+              <ShieldAlertIcon size={48} />
             </div>
 
             {/* Title */}
@@ -158,7 +158,7 @@ export const AgeGate = ({
                 onClick={onConfirm}
                 data-testid="age-gate-confirm"
               >
-                <CheckCircle size={20} />
+                <CheckCircleIcon size={20} />
                 <span>{getText(t, 'confirmButton')}</span>
               </button>
 
@@ -168,7 +168,7 @@ export const AgeGate = ({
                 onClick={handleExit}
                 data-testid="age-gate-exit"
               >
-                <LogOut size={20} />
+                <LogOutIcon size={20} />
                 <span>{getText(t, 'exitButton')}</span>
               </button>
             </div>