Develop

src/app/call/new/index.tsx

@@ -1,7 +1,6 @@
 import { zodResolver } from '@hookform/resolvers/zod';
 import * as Location from 'expo-location';
 import { type Href, router, Stack } from 'expo-router';
-import { BookOpenIcon, ChevronDownIcon, ChevronUpIcon, FileTextIcon, LinkIcon, PlusIcon, SearchIcon, UserIcon } from 'lucide-react-native';
 import { useColorScheme } from 'nativewind';
 import React, { useEffect, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
@@ -32,6 +31,7 @@ import { Card } from '@/components/ui/card';
 import { FocusAwareStatusBar } from '@/components/ui/focus-aware-status-bar';
 import { FormControl, FormControlError, FormControlLabel, FormControlLabelText } from '@/components/ui/form-control';
 import { Input, InputField } from '@/components/ui/input';
+import { BookOpenIcon, ChevronDownIcon, ChevronUpIcon, FileTextIcon, LinkIcon, PlusIcon, SearchIcon, UserIcon } from '@/components/ui/lucide-icons';
 import { Select, SelectBackdrop, SelectContent, SelectIcon, SelectInput, SelectItem, SelectPortal, SelectTrigger } from '@/components/ui/select';
 import { Text } from '@/components/ui/text';
 import { Textarea, TextareaInput } from '@/components/ui/textarea';

src/app/lockscreen.tsx

@@ -1,6 +1,5 @@
 import { zodResolver } from '@hookform/resolvers/zod';
 import { type Href, useRouter } from 'expo-router';
-import { AlertTriangle, EyeIcon, EyeOffIcon, LockKeyhole } from 'lucide-react-native';
 import { useColorScheme } from 'nativewind';
 import React, { useState } from 'react';
 import type { SubmitHandler } from 'react-hook-form';
@@ -15,6 +14,7 @@ import { FocusAwareStatusBar } from '@/components/ui';
 import { Button, ButtonSpinner, ButtonText } from '@/components/ui/button';
 import { FormControl, FormControlError, FormControlErrorIcon, FormControlErrorText, FormControlLabel, FormControlLabelText } from '@/components/ui/form-control';
 import { Input, InputField, InputIcon, InputSlot } from '@/components/ui/input';
+import { AlertTriangle, EyeIcon, EyeOffIcon, LockKeyhole } from '@/components/ui/lucide-icons';
 import { Pressable } from '@/components/ui/pressable';
 import { Text } from '@/components/ui/text';
 import colors from '@/constants/colors';

src/app/maintenance.tsx

@@ -1,11 +1,11 @@
 import { type Href, useRouter } from 'expo-router';
-import { AlertCircle, Clock, Mail } from 'lucide-react-native';
 import React, { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Image, ScrollView } from 'react-native';
 
 import { View } from '@/components/ui';
 import { FocusAwareStatusBar } from '@/components/ui';
+import { AlertCircle, Clock, Mail } from '@/components/ui/lucide-icons';
 import { Text } from '@/components/ui/text';
 import { Env } from '@/lib/env';
 import { logger } from '@/lib/logging';

src/components/calls/call-detail-menu.tsx

@@ -1,11 +1,11 @@
-import { CalendarClockIcon, EditIcon, MoreVerticalIcon, Trash2Icon, UserPlusIcon, XIcon } from 'lucide-react-native';
 import { useColorScheme } from 'nativewind';
 import React, { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { Pressable } from '@/components/ui/';
 import { Actionsheet, ActionsheetBackdrop, ActionsheetContent, ActionsheetDragIndicator, ActionsheetDragIndicatorWrapper, ActionsheetItem, ActionsheetItemText } from '@/components/ui/actionsheet';
 import { HStack } from '@/components/ui/hstack';
+import { CalendarClockIcon, EditIcon, MoreVerticalIcon, Trash2Icon, UserPlusIcon, XIcon } from '@/components/ui/lucide-icons';
 import { useAnalytics } from '@/hooks/use-analytics';
 
 interface CallDetailMenuProps {

src/components/calls/call-notes-modal.tsx

@@ -1,12 +1,12 @@
 import type { BottomSheetBackdropProps } from '@gorhom/bottom-sheet';
 import BottomSheet, { BottomSheetBackdrop, BottomSheetView } from '@gorhom/bottom-sheet';
-import { SearchIcon, X } from 'lucide-react-native';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Keyboard, Platform, useWindowDimensions } from 'react-native';
 import { ScrollView } from 'react-native-gesture-handler';
 import { KeyboardAwareScrollView } from 'react-native-keyboard-controller';
 
+import { SearchIcon, X } from '@/components/ui/lucide-icons';
 import { useAnalytics } from '@/hooks/use-analytics';
 import { useAuthStore } from '@/lib/auth';
 import { useCallDetailStore } from '@/stores/calls/detail-store';

src/components/calls/dispatch-selection-modal.tsx

@@ -1,4 +1,3 @@
-import { CheckIcon, SearchIcon, UsersIcon, X } from 'lucide-react-native';
 import { useColorScheme } from 'nativewind';
 import React, { useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -11,6 +10,7 @@ import { Button, ButtonText } from '@/components/ui/button';
 import { Card } from '@/components/ui/card';
 import { HStack } from '@/components/ui/hstack';
 import { Input, InputField } from '@/components/ui/input';
+import { CheckIcon, SearchIcon, UsersIcon, X } from '@/components/ui/lucide-icons';
 import { Text } from '@/components/ui/text';
 import { VStack } from '@/components/ui/vstack';
 import { type DispatchSelection, useDispatchStore } from '@/stores/dispatch/store';

src/components/common/loading.tsx

@@ -1,8 +1,9 @@
-import { Box, Loader2 } from 'lucide-react-native';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { View } from 'react-native';
 
+import { Box, Loader2 } from '@/components/ui/lucide-icons';
+
 import { HStack } from '../ui/hstack';
 import { Spinner } from '../ui/spinner';
 import { Text } from '../ui/text';

src/components/contacts/contact-card.tsx

@@ -1,8 +1,8 @@
-import { BuildingIcon, MailIcon, PhoneIcon, StarIcon, UserIcon } from 'lucide-react-native';
 import React from 'react';
 import { Pressable, Text, View } from 'react-native';
 
 import { Avatar, AvatarImage } from '@/components/ui/avatar';
+import { BuildingIcon, MailIcon, PhoneIcon, StarIcon, UserIcon } from '@/components/ui/lucide-icons';
 import { type ContactResultData, ContactType } from '@/models/v4/contacts/contactResultData';
 
 interface ContactCardProps {

src/components/contacts/contact-details-sheet.tsx

@@ -1,3 +1,9 @@
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { ScrollView, useWindowDimensions, View } from 'react-native';
+
+import { UdfFieldsRenderer } from '@/components/calls/udf-fields-renderer';
+import { Avatar, AvatarImage } from '@/components/ui/avatar';
 import {
   BuildingIcon,
   CalendarIcon,
@@ -15,13 +21,7 @@ import {
   TrashIcon,
   UserIcon,
   X,
-} from 'lucide-react-native';
-import React, { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { ScrollView, useWindowDimensions, View } from 'react-native';
-
-import { UdfFieldsRenderer } from '@/components/calls/udf-fields-renderer';
-import { Avatar, AvatarImage } from '@/components/ui/avatar';
+} from '@/components/ui/lucide-icons';
 import { useAnalytics } from '@/hooks/use-analytics';
 import { ContactType } from '@/models/v4/contacts/contactResultData';
 import { useContactsStore } from '@/stores/contacts/store';

src/components/dispatch-console/stats-header.tsx

@@ -1,4 +1,3 @@
-import { AlertTriangle, CalendarClock, Clock, CloudLightning, Phone, Truck, User, Users } from 'lucide-react-native';
 import { useColorScheme } from 'nativewind';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
@@ -7,6 +6,7 @@ import { Pressable, StyleSheet, View } from 'react-native';
 import { Box } from '@/components/ui/box';
 import { HStack } from '@/components/ui/hstack';
 import { Icon } from '@/components/ui/icon';
+import { AlertTriangle, CalendarClock, Clock, CloudLightning, Phone, Truck, User, Users } from '@/components/ui/lucide-icons';
 import { Text } from '@/components/ui/text';
 import { VStack } from '@/components/ui/vstack';
 

src/components/incident-command/command-board-view.tsx

@@ -1,4 +1,12 @@
 import { type Href, useRouter } from 'expo-router';
+import React, { useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Alert, Platform } from 'react-native';
+
+import { Box } from '@/components/ui/box';
+import { Button, ButtonIcon, ButtonText } from '@/components/ui/button';
+import { Heading } from '@/components/ui/heading';
+import { HStack } from '@/components/ui/hstack';
 import {
   CheckCircleIcon,
   ChevronDownIcon,
@@ -17,15 +25,7 @@ import {
   UserCogIcon,
   UserPlusIcon,
   XIcon,
-} from 'lucide-react-native';
-import React, { useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Alert, Platform } from 'react-native';
-
-import { Box } from '@/components/ui/box';
-import { Button, ButtonIcon, ButtonText } from '@/components/ui/button';
-import { Heading } from '@/components/ui/heading';
-import { HStack } from '@/components/ui/hstack';
+} from '@/components/ui/lucide-icons';
 import { Text } from '@/components/ui/text';
 import { VStack } from '@/components/ui/vstack';
 import { useDirectMessage } from '@/hooks/use-direct-message';

src/components/incident-command/incident-command-tab.tsx

@@ -1,12 +1,12 @@
 import { type Href, useRouter } from 'expo-router';
-import { ExpandIcon, NetworkIcon } from 'lucide-react-native';
 import React, { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { Loading } from '@/components/common/loading';
 import { Box } from '@/components/ui/box';
 import { Button, ButtonIcon, ButtonText } from '@/components/ui/button';
 import { HStack } from '@/components/ui/hstack';
+import { ExpandIcon, NetworkIcon } from '@/components/ui/lucide-icons';
 import { Text } from '@/components/ui/text';
 import { VStack } from '@/components/ui/vstack';
 import { useChatStore } from '@/stores/chat/store';

src/components/notes/note-details-sheet.tsx

@@ -1,10 +1,10 @@
-import { Calendar, Tag, X } from 'lucide-react-native';
 import { useColorScheme } from 'nativewind';
 import React, { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { StyleSheet } from 'react-native';
 import WebView from 'react-native-webview';
 
+import { Calendar, Tag, X } from '@/components/ui/lucide-icons';
 import { useAnalytics } from '@/hooks/use-analytics';
 import { formatDateForDisplay, parseDateISOString } from '@/lib/utils';
 import { useNotesStore } from '@/stores/notes/store';

src/components/notifications/NotificationButton.tsx

@@ -1,8 +1,8 @@
 import { useCounts } from '@novu/react-native';
-import { BellIcon } from 'lucide-react-native';
 import React from 'react';
 
 import { ActivityIndicator, Pressable, View } from '@/components/ui';
+import { BellIcon } from '@/components/ui/lucide-icons';
 import { Text } from '@/components/ui/text';
 interface NotificationButtonProps {
   onPress: () => void;