From 9613385265012c1e8b753ca612bb9bb3017e7a44 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?chore(i18n):=20=F0=9F=94=A7=20Update=20FABLangu?=
 =?UTF-8?q?ageSelector=20component=20and=20tsup=20config=20to=20enable=20R?=
 =?UTF-8?q?eact-based=20language=20selection=20with=20optimizations?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>
---
 .../components/FABLanguageSelector/FABLanguageSelector.tsx  | 6 +++---
 features/i18n/react/tsup.config.ts                          | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/features/i18n/react/src/components/FABLanguageSelector/FABLanguageSelector.tsx b/features/i18n/react/src/components/FABLanguageSelector/FABLanguageSelector.tsx
index d3661a3d2..79e22771d 100755
--- a/features/i18n/react/src/components/FABLanguageSelector/FABLanguageSelector.tsx
+++ b/features/i18n/react/src/components/FABLanguageSelector/FABLanguageSelector.tsx
@@ -11,7 +11,7 @@
  */
 
 import { useState } from 'react'
-import { Globe } from 'lucide-react'
+import { GlobeIcon } from '@lilith/ui-icons'
 import { FAB } from '@lilith/ui-fab'
 
 import { getLanguageInfo, useI18nContext } from '../../index'
@@ -111,7 +111,7 @@ export function FABLanguageSelector({
         icon={
           <>
             <span style={{ fontSize: '20px', marginRight: '4px' }}>{currentFlag}</span>
-            <Globe size={14} />
+            <GlobeIcon size={14} />
           </>
         }
         ariaLabels={{
@@ -124,7 +124,7 @@ export function FABLanguageSelector({
       {/* Language Category */}
       <FAB.Category id="languages" label={`Language: ${currentLangInfo?.name || 'English'}`}>
         <FAB.CategoryButton
-          icon={<Globe size={20} />}
+          icon={<GlobeIcon size={20} />}
           label={currentLangInfo?.name || 'English'}
         />
         <FAB.CategoryItems>
diff --git a/features/i18n/react/tsup.config.ts b/features/i18n/react/tsup.config.ts
index 1e9217021..d4af26c7a 100755
--- a/features/i18n/react/tsup.config.ts
+++ b/features/i18n/react/tsup.config.ts
@@ -13,6 +13,6 @@ export default createLibraryConfig({
     '@tanstack/react-query',
     'react-router-dom',
     'framer-motion',
-    'lucide-react',
+    '@lilith/ui-icons',
   ],
 });