rn-vs-lb 1.0.68 → 1.0.70

package/components/Chat/ChatItem.stories.tsx

@@ -28,6 +28,8 @@ const meta: Meta<ChatItemProps> = {
 export default meta;
 
 const Template: StoryFn<ChatItemProps> = (args) => <ChatItem {...args} />;
+const getItemLabel = (item: ChatItemProps, idx: number) =>
+  item.variant === 'person' ? item.chatName ?? item.senderFullName : item.chatName ?? `chat-${idx}`;
 
 export const PersonOnline = Template.bind({});
 PersonOnline.args = {
@@ -38,7 +40,7 @@ PersonOnline.args = {
   isUserOnline: true,
   lastMessage: 'See you at 6pm near the station',
   createdAt: '10:42',
-  unread: '+',
+  unread: 'new',
 };
 
 export const PersonOffline = Template.bind({});
@@ -61,7 +63,7 @@ GroupWithSender.args = {
     'https://images.unsplash.com/photo-1519340241574-2cec6aef0c01?auto=format&fit=crop&w=200&q=60',
   lastMessage: 'Slides are uploaded to Drive, check the link above.',
   createdAt: 'Yesterday',
-  unread: '+',
+  unread: 'new',
 };
 
 export const Bot = Template.bind({});
@@ -94,7 +96,7 @@ export const ListOfItems: StoryFn = () => {
       isUserOnline: true,
       lastMessage: 'See you soon!',
       createdAt: '10:42',
-      unread: '+',
+      unread: 'new',
     },
     {
       variant: 'person',
@@ -113,7 +115,7 @@ export const ListOfItems: StoryFn = () => {
         'https://images.unsplash.com/photo-1519340241574-2cec6aef0c01?auto=format&fit=crop&w=200&q=60',
       lastMessage: 'Standup in 5 minutes.',
       createdAt: '08:55',
-      unread: '+',
+      unread: 'new',
     },
     {
       variant: 'group',
@@ -166,7 +168,7 @@ export const ListOfItems: StoryFn = () => {
         <ChatItem
           key={idx}
           {...item}
-          onPress={createPressHandler(item.chatName ?? item.senderFullName ?? `chat-${idx}`)}
+          onPress={createPressHandler(getItemLabel(item, idx))}
         />
       ))}
     </ScrollView>

package/components/Chat/ChatItem.styles.ts

@@ -3,65 +3,98 @@ import { ThemeType } from '../../theme';
 
 export const getStyles = (theme: ThemeType) => StyleSheet.create({
   userContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingVertical: 12,
-    paddingHorizontal: 8,
+    paddingVertical: 8,
+    paddingHorizontal: 12,
+    borderRadius: 16,
+    backgroundColor: theme.white,
   },
   profileSection: {
     flexDirection: 'row',
-    alignItems: 'center',
+    alignItems: 'flex-start',
     flex: 1,
   },
   avatar: {
-    width: 60,
-    height: 60,
-    borderRadius: 40,
+    width: 56,
+    height: 56,
+    borderRadius: 28,
   },
   userInfo: {
     flex: 1,
     marginLeft: 12,
+    minHeight: 56,
+    justifyContent: 'center',
+  },
+  headerRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: 8,
   },
-  senderContainer: {
+  headerRight: {
     flexDirection: 'row',
-    alignItems: "center",
-    // justifyContent: "space-between",
-  },
-  unread: {
-    // top:10,
-    marginLeft: 8,
-    width:18,
-    height: 18,
-    textAlign:"center",
+    alignItems: 'center',
+    gap: 8,
+  },
+  chatTitle: {
+    flex: 1,
+  },
+  unreadBadge: {
+    minHeight: 20,
+    paddingHorizontal: 8,
+    borderRadius: 999,
     backgroundColor: theme.success,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 5,
+  },
+  unreadDot: {
+    width: 6,
+    height: 6,
+    borderRadius: 3,
+    backgroundColor: theme.white,
+  },
+  unreadText: {
     color: theme.white,
-    borderRadius: 20,
-    fontSize: 12,
-    lineHeight: 16,
+    fontSize: 10,
+    lineHeight: 12,
+    fontWeight: '700',
+    letterSpacing: 0.3,
+    textTransform: 'uppercase',
+  },
+  messageRow: {
+    marginTop: 4,
   },
   senderName: {
     fontSize: 14,
-    marginRight: 4,
+    color: theme.placeholder,
+  },
+  senderNameUnread: {
     color: theme.text,
+    fontWeight: '500',
   },
   senderMessage: {
     fontSize: 13,
     fontStyle: 'italic',
+    color: theme.placeholder,
   },
   timeAgo: {
-    fontSize: 13,
+    fontSize: 12,
     color: theme.placeholder,
+    fontWeight: '500',
+  },
+  timeAgoUnread: {
+    color: theme.text,
   },
 
   status: {
-    position: "absolute",
-    width:12,
+    position: 'absolute',
+    width: 12,
     height: 12,
     borderWidth: 2,
     borderColor: theme.white,
     borderRadius: 10,
     bottom: 0,
-    right:1,
+    right: 1,
   },
   online: {
     backgroundColor: theme.success,

package/components/Chat/ChatItem.tsx

@@ -6,7 +6,7 @@ import { useTheme } from '../../theme';
 import { getStyles } from './ChatItem.styles';
 
 type BaseProps = {
-  unread?: string;
+  unread?: string | boolean;
   onPress?: () => void;
   createdAt?: string;
   lastMessage?: string;
@@ -40,26 +40,42 @@ export type ChatItemProps = PersonProps | GroupProps | BotProps;
 export const ChatItem: FC<ChatItemProps> = (props) => {
   const { theme, typography } = useTheme();
   const styles = getStyles(theme);
+  const hasUnread = Boolean(props.unread);
+  const unreadLabel =
+    typeof props.unread === 'string' && props.unread.trim().length > 0 && props.unread.trim() !== '+'
+      ? props.unread.trim().toUpperCase()
+      : 'NEW';
 
   const handlePress = () => props.onPress?.();
 
-  // Общий заголовок (верхняя строка) + бейдж непрочитанного
+  // Общий заголовок (верхняя строка) + время + бейдж непрочитанного
   const renderHeader = (title: string) => (
-    <View style={styles.senderContainer}>
-      <Text numberOfLines={1} ellipsizeMode="tail" style={typography.titleH6}>
+    <View style={styles.headerRow}>
+      <Text numberOfLines={1} ellipsizeMode="tail" style={[typography.titleH6, styles.chatTitle]}>
         {title}
       </Text>
-      {props.unread ? <Text style={styles.unread}>+</Text> : null}
+      <View style={styles.headerRight}>
+        {props.createdAt ? (
+          <Text style={[styles.timeAgo, hasUnread && styles.timeAgoUnread]}>{props.createdAt}</Text>
+        ) : null}
+        {hasUnread ? (
+          <View style={styles.unreadBadge}>
+            <View style={styles.unreadDot} />
+            <Text style={styles.unreadText}>{unreadLabel}</Text>
+          </View>
+        ) : null}
+      </View>
     </View>
   );
 
   // Превью последнего сообщения (нижний блок)
   const renderLastMessage = () => {
     if (!props.lastMessage) return null;
+    const previewStyle = [styles.senderName, hasUnread && styles.senderNameUnread];
 
     if (props.variant === 'person') {
       return (
-        <Text numberOfLines={2} ellipsizeMode="tail" style={styles.senderName}>
+        <Text numberOfLines={2} ellipsizeMode="tail" style={previewStyle}>
           {props.senderFullName}: <Text style={styles.senderMessage}>{props.lastMessage}</Text>
         </Text>
       );
@@ -67,7 +83,7 @@ export const ChatItem: FC<ChatItemProps> = (props) => {
 
     if (props.variant === 'group' && props.senderFullName) {
       return (
-        <Text numberOfLines={2} ellipsizeMode="tail" style={styles.senderName}>
+        <Text numberOfLines={2} ellipsizeMode="tail" style={previewStyle}>
           {props.senderFullName}: <Text style={styles.senderMessage}>{props.lastMessage}</Text>
         </Text>
       );
@@ -75,7 +91,7 @@ export const ChatItem: FC<ChatItemProps> = (props) => {
 
     // bot или group без senderFullName
     return (
-      <Text numberOfLines={2} ellipsizeMode="tail" style={styles.senderName}>
+      <Text numberOfLines={2} ellipsizeMode="tail" style={previewStyle}>
         {props.lastMessage}
       </Text>
     );
@@ -118,12 +134,7 @@ export const ChatItem: FC<ChatItemProps> = (props) => {
         {renderAvatar()}
         <View style={styles.userInfo}>
           {renderHeader(titleText)}
-
-          <View style={styles.senderContainer}>{renderLastMessage()}</View>
-
-          {props.lastMessage ? (
-            <Text style={styles.timeAgo}>{props.createdAt}</Text>
-          ) : null}
+          <View style={styles.messageRow}>{renderLastMessage()}</View>
         </View>
       </TouchableOpacity>
     </View>

package/components/Chat/InputMessage.tsx

@@ -1,5 +1,5 @@
 import React, { FC, useCallback, useEffect, useRef, useState } from 'react';
-import { View, StyleSheet, TextInput, TouchableOpacity, Text, Image, ScrollView, ActivityIndicator } from 'react-native';
+import { View, StyleSheet, TextInput, TouchableOpacity, Text, Image, ScrollView, ActivityIndicator, Platform } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';
 import { ThemeType, useTheme } from '../../theme';
 
@@ -265,7 +265,7 @@ export const getStyles = (theme: ThemeType) =>
       paddingHorizontal: 10,
       paddingVertical: 6,
       borderRadius: 4,
-      top:4,
+      top: Platform.OS === 'ios' ? 4 : undefined,
       borderColor: theme.white,
     },
     sendButton: {

package/components/Profile/ProfileCard/ProfileCard.stories.tsx

@@ -2,6 +2,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
 import { View } from 'react-native';
+import { FontAwesome, FontAwesome5, FontAwesome6, Ionicons, MaterialIcons, Octicons } from '@expo/vector-icons';
 import PureProfileCard from  "./ProfileCard";
 
 const meta = {
@@ -9,17 +10,7 @@ const meta = {
   component: PureProfileCard,
   argTypes: {
     onBack: { action: 'onBack' },
-    onOpenSettings: { action: 'onOpenSettings' },
-    onOpenActivity: { action: 'onOpenActivity' },
-    onOpenSpecialist: { action: 'onOpenSpecialist' },
-    onOpenCreatePoll: { action: 'onOpenCreatePoll' },
-    onOpenCreateEvent: { action: 'onOpenCreateEvent' },
-    onOpenAiBots: { action: 'onOpenAiBots' },
-    onOpenBots: { action: 'onOpenBots' },
-    onOpenUserSheet: { action: 'onOpenUserSheet' },
     onLearnMorePress: { action: 'onLearnMorePress' },
-    onMessage: { action: 'onMessage' },
-    onFollowToggle: { action: 'onFollowToggle' },
   },
   decorators: [
     // если у тебя есть ThemeProvider — оберни им здесь
@@ -32,10 +23,18 @@ const meta = {
     isMe: false,
     isOnline: false,
     lastSeenText: 'Last seen: 2 hours ago',
-    specialistEnabled: true,
-    hideFollowBtn: false,
-    isFollowing: false,
-    hasNotifications: true,
+    headerActions: [
+      {
+        id: 'specialist',
+        icon: <FontAwesome5 size={20} name="id-card" color="#111" />,
+        onPress: () => {},
+      },
+      {
+        id: 'menu',
+        icon: <Ionicons name="ellipsis-horizontal-sharp" size={20} color="#2f7fff" />,
+        onPress: () => {},
+      },
+    ],
   },
 } satisfies Meta<typeof PureProfileCard>;
 
@@ -45,16 +44,95 @@ type S = StoryObj<typeof PureProfileCard>;
 export const Default: S = {};
 export const MeOwner: S = { args: { isMe: true, isOnline: undefined, lastSeenText: undefined } };
 export const OnlineUser: S = { args: { isMe: false, isOnline: true, lastSeenText: undefined } };
-export const Following: S = { args: { isFollowing: true } };
-export const WithoutFollowBtn: S = { args: { hideFollowBtn: true } };
-export const MeOwnerWithCreateActions: S = {
+export const TwoActions: S = {
+  args: {
+    ctaActions: [
+      {
+        label: 'Message',
+        variant: 'primary',
+        icon: <FontAwesome name="send" size={14} color="#fff" />,
+        onPress: () => {},
+      },
+      {
+        label: 'Follow',
+        variant: 'outline',
+        icon: <FontAwesome5 name="user-plus" size={14} color="#2f7fff" />,
+        onPress: () => {},
+      },
+    ],
+  },
+};
+
+export const OneActionFullWidth: S = {
+  args: {
+    ctaActions: [
+      {
+        label: 'Create Poll',
+        icon: <Ionicons name="stats-chart-outline" size={20} color="#2f7fff" />,
+        onPress: () => {},
+      },
+    ],
+  },
+};
+
+export const OwnerTwoActions: S = {
   args: {
     isMe: true,
     isAuth: true,
     isOnline: undefined,
     lastSeenText: undefined,
-    // наличие коллбеков включает сами кнопки
-    onOpenCreatePoll: () => {},
-    onOpenCreateEvent: () => {},
+    headerActions: [
+      {
+        id: 'activity',
+        icon: <FontAwesome name="bell-o" size={21} color="#111" />,
+        onPress: () => {},
+        showDot: true,
+      },
+      {
+        id: 'specialist',
+        icon: <FontAwesome5 size={20} name="id-card" color="#111" />,
+        onPress: () => {},
+      },
+      {
+        id: 'ai-bots',
+        icon: <MaterialIcons name="smart-toy" size={25} color="#111" />,
+        onPress: () => {},
+      },
+      {
+        id: 'bots',
+        icon: <FontAwesome6 style={{ top: -1 }} size={20} name="robot" color="#111" />,
+        onPress: () => {},
+      },
+      {
+        id: 'settings',
+        icon: <Ionicons size={24} name="settings-outline" color="#111" />,
+        onPress: () => {},
+      },
+    ],
+    ctaActions: [
+      {
+        label: 'Create Poll',
+        icon: <Ionicons name="stats-chart-outline" size={20} color="#2f7fff" />,
+        onPress: () => {},
+      },
+      {
+        label: 'Create Event',
+        icon: <Octicons name="diff-added" size={20} color="#2f7fff" />,
+        onPress: () => {},
+      },
+    ],
+  },
+};
+
+export const SixHeaderActions: S = {
+  args: {
+    headerActions: [
+      { id: 'a1', icon: <FontAwesome name="bell-o" size={21} color="#111" />, onPress: () => {}, showDot: true },
+      { id: 'a2', icon: <FontAwesome5 size={20} name="id-card" color="#111" />, onPress: () => {} },
+      { id: 'a3', icon: <MaterialIcons name="smart-toy" size={25} color="#111" />, onPress: () => {} },
+      { id: 'a4', icon: <FontAwesome6 style={{ top: -1 }} size={20} name="robot" color="#111" />, onPress: () => {} },
+      { id: 'a5', icon: <Ionicons size={24} name="settings-outline" color="#111" />, onPress: () => {} },
+      { id: 'a6', icon: <Ionicons name="ellipsis-horizontal-sharp" size={20} color="#2f7fff" />, onPress: () => {} },
+    ],
   },
 };

package/components/Profile/ProfileCard/ProfileCard.tsx

@@ -7,9 +7,23 @@ import {
   TouchableOpacity,
   View,
 } from 'react-native';
-import { Ionicons, FontAwesome, FontAwesome5, Octicons, MaterialIcons, FontAwesome6 } from '@expo/vector-icons';
+import { Ionicons, MaterialIcons } from '@expo/vector-icons';
 import { useProfileCardStyles } from './useProfileCardStyles';
 
+export type PureProfileCardHeaderAction = {
+  id?: string;
+  onPress: () => Promise<void> | void;
+  icon: React.ReactNode;
+  showDot?: boolean;
+};
+
+export type PureProfileCardCtaAction = {
+  label: string;
+  onPress: () => Promise<void> | void;
+  icon?: React.ReactNode;
+  variant?: 'primary' | 'outline';
+};
+
 export type PureProfileCardProps = {
   name: string;
   imageUri: string;
@@ -22,39 +36,25 @@ export type PureProfileCardProps = {
 
   /** действия/навигация */
   onBack?: () => void;
-  onOpenSettings?: () => void;
-  onOpenActivity?: () => void;
-  onOpenSpecialist?: () => void;
-  onOpenCreatePoll?: () => void;
-  onOpenCreateEvent?: () => void;
-  onOpenAiBots?: () => void;
-  onOpenBots?: () => void;
-  onOpenUserSheet?: () => void;
+  headerActions?: PureProfileCardHeaderAction[];
 
   /** CTA */
   onLearnMorePress?: () => void;
-  onMessage?: () => Promise<void> | void;
-  onFollowToggle?: () => void;
-
-  /** UI-флаги */
-  specialistEnabled?: boolean;
-  hideFollowBtn?: boolean;
-  isFollowing?: boolean;
-  hasNotifications?: boolean;
+  ctaActions?: PureProfileCardCtaAction[];
 };
 
 export default function PureProfileCard(props: PureProfileCardProps) {
   const {
     name, imageUri,
     isAuth, isMe, isOnline, lastSeenText,
-    onBack, onOpenSettings, onOpenActivity, onOpenSpecialist,
-    onOpenCreatePoll, onOpenCreateEvent, onOpenAiBots, onOpenBots, onOpenUserSheet,
-    onLearnMorePress, onMessage, onFollowToggle,
-    specialistEnabled, hideFollowBtn, isFollowing, hasNotifications,
+    onBack, headerActions,
+    onLearnMorePress, ctaActions,
   } = props;
 
   const { theme, globalStyleSheet, typography, styles } = useProfileCardStyles();
   const [previewVisible, setPreviewVisible] = useState(false);
+  const visibleHeaderActions = (headerActions ?? []).slice(0, 6);
+  const visibleCtaActions = (ctaActions ?? []).slice(0, 2);
 
   return (
     <View style={styles.cardContainer}>
@@ -64,74 +64,20 @@ export default function PureProfileCard(props: PureProfileCardProps) {
           <Ionicons size={24} name="arrow-back" color={theme.text} />
         </TouchableOpacity>
 
-        {!isMe ? (
-          <View style={styles.settingSection}>
-            {specialistEnabled && onOpenSpecialist && (
-              <TouchableOpacity onPress={onOpenSpecialist}>
-                <View style={styles.iconBackground}>
-                  <FontAwesome5 size={20} name="id-card" color={theme.text} />
-                </View>
-              </TouchableOpacity>
-            )}
-            {onOpenUserSheet && (
-              <TouchableOpacity onPress={() => onOpenUserSheet()}>
-                <View style={styles.iconBackground}>
-                  <Ionicons name="ellipsis-horizontal-sharp" size={20} color={theme.primary} />
-                </View>
-              </TouchableOpacity>
-            )}
-          </View>
-        ) : (
-          <View style={styles.settingSection}>
-            {onOpenActivity && (
-              <View>
-                <TouchableOpacity onPress={onOpenActivity}>
-                  <View style={styles.iconBackground}>
-                    <FontAwesome size={21} name="bell-o" color={theme.text} />
-                  </View>
-                </TouchableOpacity>
-                {hasNotifications && (
-                  <View style={{
-                    position: 'absolute', right: 5, top: 2,
-                    width: 8, height: 8, borderRadius: 4, backgroundColor: theme.danger,
-                  }} />
-                )}
-              </View>
-            )}
-
-            {onOpenSpecialist && (
-              <TouchableOpacity onPress={onOpenSpecialist}>
-                <View style={styles.iconBackground}>
-                  <FontAwesome5 size={20} name="id-card" color={theme.text} />
-                </View>
-              </TouchableOpacity>
-            )}
-
-            {onOpenAiBots && (
-              <TouchableOpacity onPress={onOpenAiBots}>
+        <View style={styles.settingSection}>
+          {visibleHeaderActions.map((action, index) => (
+            <View key={action.id ?? `header-action-${index}`} style={styles.headerActionItem}>
+              <TouchableOpacity onPress={action.onPress}>
                 <View style={styles.iconBackground}>
-                  <MaterialIcons name="smart-toy" size={25} color={theme.text} />
+                  {action.icon}
                 </View>
               </TouchableOpacity>
-            )}
-
-            {onOpenBots && (
-              <TouchableOpacity onPress={onOpenBots}>
-                <View style={styles.iconBackground}>
-                  <FontAwesome6 style={{ top: -1 }} size={20} name="robot" color={theme.text} />
-                </View>
-              </TouchableOpacity>
-            )}
-
-            {onOpenSettings && (
-              <TouchableOpacity onPress={onOpenSettings}>
-                <View style={styles.iconBackground}>
-                  <Ionicons size={24} name="settings-outline" color={theme.text} />
-                </View>
-              </TouchableOpacity>
-            )}
-          </View>
-        )}
+              {action.showDot && (
+                <View style={styles.headerActionDot} />
+              )}
+            </View>
+          ))}
+        </View>
       </View>
 
       {/* аватар */}
@@ -161,36 +107,24 @@ export default function PureProfileCard(props: PureProfileCardProps) {
       </TouchableOpacity>}
 
       {/* CTA */}
-      {isAuth && !isMe && (
+      {visibleCtaActions.length > 0 && (
         <View style={styles.buttonsRow}>
-          <TouchableOpacity style={[styles.btnPrimary, hideFollowBtn && { minWidth: '98%' }]} onPress={onMessage}>
-            <FontAwesome name="send" size={14} color={theme.white} />
-            <Text style={styles.btnPrimaryText}>Message</Text>
-          </TouchableOpacity>
-
-          {!hideFollowBtn && (
-            <TouchableOpacity style={styles.btnOutline} onPress={onFollowToggle}>
-              <FontAwesome5 name={isFollowing ? 'user-minus' : 'user-plus'} size={14} color={theme.primary} />
-              <Text style={styles.btnOutlineText}>{isFollowing ? 'Unfollow' : 'Follow'}</Text>
-            </TouchableOpacity>
-          )}
-        </View>
-      )}
-
-      {(isMe && onOpenCreatePoll || isMe && onOpenCreateEvent) &&(
-        <View style={styles.buttonsRow}>
-          {onOpenCreatePoll && (
-            <TouchableOpacity style={styles.btnOutline} onPress={onOpenCreatePoll}>
-              <Ionicons name="stats-chart-outline" size={20} color={theme.primary} />
-              <Text style={styles.btnOutlineText}>Create Poll</Text>
-            </TouchableOpacity>
-          )}
-          {onOpenCreateEvent && (
-            <TouchableOpacity style={styles.btnOutline} onPress={onOpenCreateEvent}>
-              <Octicons name="diff-added" size={20} color={theme.primary} />
-              <Text style={styles.btnOutlineText}>Create Event</Text>
-            </TouchableOpacity>
-          )}
+          {visibleCtaActions.map((action, index) => {
+            const isPrimary = (action.variant ?? 'outline') === 'primary';
+            return (
+              <TouchableOpacity
+                key={`${action.label}-${index}`}
+                style={[
+                  isPrimary ? styles.btnPrimary : styles.btnOutline,
+                  visibleCtaActions.length === 1 && styles.btnWide,
+                ]}
+                onPress={action.onPress}
+              >
+                {action.icon}
+                <Text style={isPrimary ? styles.btnPrimaryText : styles.btnOutlineText}>{action.label}</Text>
+              </TouchableOpacity>
+            );
+          })}
         </View>
       )}
 

package/components/Profile/ProfileCard/useProfileCardStyles.ts

@@ -19,12 +19,23 @@ export const useProfileCardStyles = () => {
     },
     navigation: { width: '100%' },
     settingSection: { flexDirection: 'row' },
+    headerActionItem: {
+      position: 'relative',
+    },
     iconBackground: {
       backgroundColor: theme.backgroundLight,
       height: 40, width: 40, borderRadius: 50,
       alignItems: 'center', justifyContent: 'center',
     },
-    dot: { backgroundColor: theme.danger, right: 5, top: 2 },
+    headerActionDot: {
+      position: 'absolute',
+      right: 5,
+      top: 2,
+      width: 8,
+      height: 8,
+      borderRadius: 4,
+      backgroundColor: theme.danger,
+    },
     learnMoreText: { color: theme.placeholder, marginLeft: 5 },
 
     buttonsRow: {

package/components/Profile/index.ts

@@ -1,6 +1,6 @@
 export { ModalProfilePhoto } from './ModalProfilePhoto';
 export { default as ProfileCard } from './ProfileCard/ProfileCard';
-export type { PureProfileCardProps } from './ProfileCard/ProfileCard';
+export type { PureProfileCardProps, PureProfileCardCtaAction, PureProfileCardHeaderAction } from './ProfileCard/ProfileCard';
 export { default as ProfilePhotoBanner } from './ProfilePhotoBanner';
 export { default as ProfilePhotoUpload } from './ProfilePhotoUpload/ProfilePhotoUpload';
 export type { ProfilePhotoUploadProps } from './ProfilePhotoUpload/ProfilePhotoUpload';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-vs-lb",
-  "version": "1.0.68",
+  "version": "1.0.70",
   "description": "Expo Router + Storybook template ready for npm distribution.",
   "keywords": [
     "expo",