custom-mobile-ui 1.0.2 → 1.0.3

package/dist/hooks.d.mts

@@ -1,3 +1,4 @@
+import { FontSource } from 'expo-font';
 export { A as Alert, b as AlertProvider, u as useAlert, d as useTheme } from './types-cxHozHqF.mjs';
 import 'react-native';
 import 'react';
@@ -12,4 +13,40 @@ declare const Fonts: {
     readonly black: "Fonts-Black";
 };
 
-export { Fonts, useFonts };
+/**
+ * Per-weight font files from the host app. Pass `require()` results (numbers) or any
+ * `FontSource` values expo-font accepts. Keys must match the six slots used by `FontFamily` in `@/theme/fonts`.
+ *
+ * Use `useMemo` so the object identity is stable across renders (avoids redundant load work).
+ *
+ * @example
+ * ```tsx
+ * const sources = useMemo(
+ *   () => ({
+ *     light: require("./assets/fonts/MyApp-Light.ttf"),
+ *     regular: require("./assets/fonts/MyApp-Regular.ttf"),
+ *     medium: require("./assets/fonts/MyApp-Medium.ttf"),
+ *     bold: require("./assets/fonts/MyApp-Bold.ttf"),
+ *     extraBold: require("./assets/fonts/MyApp-ExtraBold.ttf"),
+ *     black: require("./assets/fonts/MyApp-Black.ttf"),
+ *   }),
+ *   []
+ * );
+ * const loaded = useCustomUIFonts(sources);
+ * ```
+ */
+type CustomUIFontSources = {
+    light: FontSource;
+    regular: FontSource;
+    medium: FontSource;
+    bold: FontSource;
+    extraBold: FontSource;
+    black: FontSource;
+};
+/**
+ * Registers host-app fonts under the internal family names expected by this library.
+ * Call this instead of `useFonts` from this package when the consuming app supplies its own typeface.
+ */
+declare function useCustomUIFonts(sources: CustomUIFontSources): boolean;
+
+export { type CustomUIFontSources, Fonts, useCustomUIFonts, useFonts };

package/dist/hooks.d.ts

@@ -1,3 +1,4 @@
+import { FontSource } from 'expo-font';
 export { A as Alert, b as AlertProvider, u as useAlert, d as useTheme } from './types-cxHozHqF.js';
 import 'react-native';
 import 'react';
@@ -12,4 +13,40 @@ declare const Fonts: {
     readonly black: "Fonts-Black";
 };
 
-export { Fonts, useFonts };
+/**
+ * Per-weight font files from the host app. Pass `require()` results (numbers) or any
+ * `FontSource` values expo-font accepts. Keys must match the six slots used by `FontFamily` in `@/theme/fonts`.
+ *
+ * Use `useMemo` so the object identity is stable across renders (avoids redundant load work).
+ *
+ * @example
+ * ```tsx
+ * const sources = useMemo(
+ *   () => ({
+ *     light: require("./assets/fonts/MyApp-Light.ttf"),
+ *     regular: require("./assets/fonts/MyApp-Regular.ttf"),
+ *     medium: require("./assets/fonts/MyApp-Medium.ttf"),
+ *     bold: require("./assets/fonts/MyApp-Bold.ttf"),
+ *     extraBold: require("./assets/fonts/MyApp-ExtraBold.ttf"),
+ *     black: require("./assets/fonts/MyApp-Black.ttf"),
+ *   }),
+ *   []
+ * );
+ * const loaded = useCustomUIFonts(sources);
+ * ```
+ */
+type CustomUIFontSources = {
+    light: FontSource;
+    regular: FontSource;
+    medium: FontSource;
+    bold: FontSource;
+    extraBold: FontSource;
+    black: FontSource;
+};
+/**
+ * Registers host-app fonts under the internal family names expected by this library.
+ * Call this instead of `useFonts` from this package when the consuming app supplies its own typeface.
+ */
+declare function useCustomUIFonts(sources: CustomUIFontSources): boolean;
+
+export { type CustomUIFontSources, Fonts, useCustomUIFonts, useFonts };

package/dist/hooks.js

@@ -83,6 +83,27 @@ var Fonts = {
   extraBold: "Fonts-ExtraBold",
   black: "Fonts-Black"
 };
+function buildFontMap(sources) {
+  return {
+    "Fonts-Light": sources.light,
+    "Fonts-Regular": sources.regular,
+    "Fonts-Medium": sources.medium,
+    "Fonts-Bold": sources.bold,
+    "Fonts-ExtraBold": sources.extraBold,
+    "Fonts-Black": sources.black,
+    Fonts_300: sources.light,
+    Fonts_400: sources.regular,
+    Fonts_500: sources.medium,
+    Fonts_700: sources.bold,
+    Fonts_800: sources.extraBold,
+    Fonts_900: sources.black
+  };
+}
+function useCustomUIFonts(sources) {
+  const map = React.useMemo(() => buildFontMap(sources), [sources]);
+  const [loaded] = expoFont.useFonts(map);
+  return loaded;
+}
 
 // src/theme/colors.ts
 var Colors = {
@@ -746,5 +767,6 @@ exports.Alert = Alert;
 exports.AlertProvider = AlertProvider;
 exports.Fonts = Fonts;
 exports.useAlert = useAlert;
+exports.useCustomUIFonts = useCustomUIFonts;
 exports.useFonts = useFonts;
 exports.useTheme = useTheme;

package/dist/hooks.mjs

@@ -1,5 +1,5 @@
 import { useFonts as useFonts$1 } from 'expo-font';
-import React, { createContext, useContext, useState, useCallback } from 'react';
+import React, { createContext, useMemo, useContext, useState, useCallback } from 'react';
 import { StyleSheet, Platform, Modal, View, TouchableOpacity, ActivityIndicator, Text as Text$1 } from 'react-native';
 import { X, AlertCircle, Info, CheckCircle } from 'lucide-react-native';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -77,6 +77,27 @@ var Fonts = {
   extraBold: "Fonts-ExtraBold",
   black: "Fonts-Black"
 };
+function buildFontMap(sources) {
+  return {
+    "Fonts-Light": sources.light,
+    "Fonts-Regular": sources.regular,
+    "Fonts-Medium": sources.medium,
+    "Fonts-Bold": sources.bold,
+    "Fonts-ExtraBold": sources.extraBold,
+    "Fonts-Black": sources.black,
+    Fonts_300: sources.light,
+    Fonts_400: sources.regular,
+    Fonts_500: sources.medium,
+    Fonts_700: sources.bold,
+    Fonts_800: sources.extraBold,
+    Fonts_900: sources.black
+  };
+}
+function useCustomUIFonts(sources) {
+  const map = useMemo(() => buildFontMap(sources), [sources]);
+  const [loaded] = useFonts$1(map);
+  return loaded;
+}
 
 // src/theme/colors.ts
 var Colors = {
@@ -736,4 +757,4 @@ var useAlert = () => {
   return context;
 };
 
-export { Alert, AlertProvider, Fonts, useAlert, useFonts, useTheme };
+export { Alert, AlertProvider, Fonts, useAlert, useCustomUIFonts, useFonts, useTheme };

package/dist/index.d.mts

@@ -3,7 +3,7 @@ import { ComponentGalleryId } from './examples.mjs';
 export { BottomBarExampleScreen, CustomFieldExampleScreen, GALLERY_ITEMS, GALLERY_SECTIONS, GalleryItem, GallerySection, getGalleryItem, getGroupedGalleryItems } from './examples.mjs';
 export { A as AlertModalExample, D as DateTimePickerExample, P as PopupMenuExample, T as TabPagerExample } from './PopupMenuExample-DAAku8nG.mjs';
 export { A as Alert, a as AlertModalProps, b as AlertProvider, c as AlertType, u as useAlert, d as useTheme } from './types-cxHozHqF.mjs';
-export { Fonts, useFonts } from './hooks.mjs';
+export { CustomUIFontSources, Fonts, useCustomUIFonts, useFonts } from './hooks.mjs';
 export { ThemeContext } from './context.mjs';
 export { AVATAR_COLORS, Colors, Duration, DurationKey, FontFamily, FontSize, FontSizeKey, FontWeight, LineHeight, Shadow, ShadowLevel, Spacing, SpacingKey, ZIndex, ZIndexKey } from './theme.mjs';
 export { A as AppTheme, B as BaseTheme, D as DarkTheme, L as LightTheme, T as ThemeMode, a as ThemePreference, g as getTheme } from './index-tIixPl5M.mjs';
@@ -15,6 +15,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { NativeStackScreenProps } from '@react-navigation/native-stack';
 import 'react';
 import 'react-native';
+import 'expo-font';
 
 type RootStackParamList = {
     Home: undefined;

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import { ComponentGalleryId } from './examples.js';
 export { BottomBarExampleScreen, CustomFieldExampleScreen, GALLERY_ITEMS, GALLERY_SECTIONS, GalleryItem, GallerySection, getGalleryItem, getGroupedGalleryItems } from './examples.js';
 export { A as AlertModalExample, D as DateTimePickerExample, P as PopupMenuExample, T as TabPagerExample } from './PopupMenuExample-DAAku8nG.js';
 export { A as Alert, a as AlertModalProps, b as AlertProvider, c as AlertType, u as useAlert, d as useTheme } from './types-cxHozHqF.js';
-export { Fonts, useFonts } from './hooks.js';
+export { CustomUIFontSources, Fonts, useCustomUIFonts, useFonts } from './hooks.js';
 export { ThemeContext } from './context.js';
 export { AVATAR_COLORS, Colors, Duration, DurationKey, FontFamily, FontSize, FontSizeKey, FontWeight, LineHeight, Shadow, ShadowLevel, Spacing, SpacingKey, ZIndex, ZIndexKey } from './theme.js';
 export { A as AppTheme, B as BaseTheme, D as DarkTheme, L as LightTheme, T as ThemeMode, a as ThemePreference, g as getTheme } from './index-tIixPl5M.js';
@@ -15,6 +15,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { NativeStackScreenProps } from '@react-navigation/native-stack';
 import 'react';
 import 'react-native';
+import 'expo-font';
 
 type RootStackParamList = {
     Home: undefined;

package/dist/index.js

@@ -21758,6 +21758,27 @@ var Fonts = {
   extraBold: "Fonts-ExtraBold",
   black: "Fonts-Black"
 };
+function buildFontMap(sources) {
+  return {
+    "Fonts-Light": sources.light,
+    "Fonts-Regular": sources.regular,
+    "Fonts-Medium": sources.medium,
+    "Fonts-Bold": sources.bold,
+    "Fonts-ExtraBold": sources.extraBold,
+    "Fonts-Black": sources.black,
+    Fonts_300: sources.light,
+    Fonts_400: sources.regular,
+    Fonts_500: sources.medium,
+    Fonts_700: sources.bold,
+    Fonts_800: sources.extraBold,
+    Fonts_900: sources.black
+  };
+}
+function useCustomUIFonts(sources) {
+  const map = React71.useMemo(() => buildFontMap(sources), [sources]);
+  const [loaded] = expoFont.useFonts(map);
+  return loaded;
+}
 
 // src/theme/spacing.ts
 var Spacing = {
@@ -32203,6 +32224,7 @@ exports.modalStyles = modalStyles;
 exports.timelineStyles = styles21;
 exports.toCamelCase = toCamelCase;
 exports.useAlert = useAlert;
+exports.useCustomUIFonts = useCustomUIFonts;
 exports.useDateTimePicker = useDateTimePicker;
 exports.useFonts = useFonts;
 exports.useForm = useForm;

package/dist/index.mjs

@@ -21730,6 +21730,27 @@ var Fonts = {
   extraBold: "Fonts-ExtraBold",
   black: "Fonts-Black"
 };
+function buildFontMap(sources) {
+  return {
+    "Fonts-Light": sources.light,
+    "Fonts-Regular": sources.regular,
+    "Fonts-Medium": sources.medium,
+    "Fonts-Bold": sources.bold,
+    "Fonts-ExtraBold": sources.extraBold,
+    "Fonts-Black": sources.black,
+    Fonts_300: sources.light,
+    Fonts_400: sources.regular,
+    Fonts_500: sources.medium,
+    Fonts_700: sources.bold,
+    Fonts_800: sources.extraBold,
+    Fonts_900: sources.black
+  };
+}
+function useCustomUIFonts(sources) {
+  const map = useMemo(() => buildFontMap(sources), [sources]);
+  const [loaded] = useFonts$1(map);
+  return loaded;
+}
 
 // src/theme/spacing.ts
 var Spacing = {
@@ -32019,4 +32040,4 @@ function getStyles69(theme) {
   });
 }
 
-export { AVATAR_COLORS, Accordion, ActivityFeed, ActivityFeedExample, Alert7 as Alert, AlertModal, AlertModalExample, AlertProvider, AnimatedListItem, AutoComplete, Avatar, BACKDROP_COLOR, Badge, BarChart, BaseTheme, BillingUI, BillingUIExample, BottomBar, BottomBarExample as BottomBarExampleScreen, BottomBarItem, BottomBarLayout, Breadcrumb, COMMON_STATE_CONFIG, COUNTRIES, Calendar2 as Calendar, CalendarExample, CalendarGrid, CalendarHeader, CalendarMonth, Chip, CollapsibleSection, ColorPicker, colors_default as Colors, CommonState, ComponentDetailScreen, ConfirmationModal, CustomButton, CustomButtonExample, CustomCard, CustomCheckbox, CustomDivider, CustomField, CustomFieldExample as CustomFieldExampleScreen, CustomListItem, CustomListShimmer, CustomMessageBox, CustomModal, CustomModalExample, CustomRadioGroup, CustomSwitch, DarkTheme, DataTable, DateTimePicker, DateTimePickerExample, DateTimePickerHeader, DayCell, DismissKeyboardView, Drawer, Duration, ENTRY_STAGGER_MS, ErrorBoundary, FAB, FIELD_SIZES, FontFamily, FontSize, Fonts, FormScrollView, FormWrapper, FormWrapperExample, GALLERY_ITEMS, GALLERY_SECTIONS, GalleryHomeScreen, Header, IconWrapper, InvoiceList, KanbanBoard, KanbanBoardExample, LINE_ANIM_DURATION, LightTheme, LineChart, LineHeight, Loader, LoginForm, LogoutProvider, ModalHeader, NetworkImage, NetworkStatus, NetworkStatusExample, NotificationCenter, NotificationCenterExample, PageSwipeView, PasswordStrength, PhoneInput, PieChart, PopupMenu, PopupMenuExample, PopupMenuItem, PricingCard, ProgressBar, SIZE_CONFIG, SearchBar, SearchWithFilters, SegmentedControl, SelectionGroup, Shadow, SignupForm, Snackbar, SocialLoginButton, SocialLoginGroup, SocialLoginIconButton, Spacing, SpeedDial, SpeedDialExample, StatCard, Stepper, SIZE_CONFIG6 as TIMELINE_SIZE_CONFIG, TabBar, TabPager, TabPagerExample, Text4 as Text, ThemeContext, TimePicker, Timeline, TimelineExample, TimelineRow, ToastItem, ToastProvider, Tooltip, UITheme, VARIANT_COLORS, WheelPicker, ZIndex, exampleScreenLayout, formatMonthYear, generateMonthDays, getAlertIconAndColors, getAvatarBgColor, getAvatarColor, getBottomBarStyles, getCalendarHeight, getCalendarMonthStyles, getDateTimePickerStyles, getDaysInMonth2 as getDaysInMonth, getFirstDayOfMonth, getGalleryItem, getGroupedGalleryItems, getNameInitials, getPopulatedObject, getStatusColor, getTheme, getWeekNumber, isSameDay2 as isSameDay, modalStyles, styles21 as timelineStyles, toCamelCase, useAlert, useDateTimePicker, useFonts, useForm, useFormScroll, useGlobalLogout, useModalAnimation, useNetworkStatus, useTheme, useTimeHandlers, useToast };
+export { AVATAR_COLORS, Accordion, ActivityFeed, ActivityFeedExample, Alert7 as Alert, AlertModal, AlertModalExample, AlertProvider, AnimatedListItem, AutoComplete, Avatar, BACKDROP_COLOR, Badge, BarChart, BaseTheme, BillingUI, BillingUIExample, BottomBar, BottomBarExample as BottomBarExampleScreen, BottomBarItem, BottomBarLayout, Breadcrumb, COMMON_STATE_CONFIG, COUNTRIES, Calendar2 as Calendar, CalendarExample, CalendarGrid, CalendarHeader, CalendarMonth, Chip, CollapsibleSection, ColorPicker, colors_default as Colors, CommonState, ComponentDetailScreen, ConfirmationModal, CustomButton, CustomButtonExample, CustomCard, CustomCheckbox, CustomDivider, CustomField, CustomFieldExample as CustomFieldExampleScreen, CustomListItem, CustomListShimmer, CustomMessageBox, CustomModal, CustomModalExample, CustomRadioGroup, CustomSwitch, DarkTheme, DataTable, DateTimePicker, DateTimePickerExample, DateTimePickerHeader, DayCell, DismissKeyboardView, Drawer, Duration, ENTRY_STAGGER_MS, ErrorBoundary, FAB, FIELD_SIZES, FontFamily, FontSize, Fonts, FormScrollView, FormWrapper, FormWrapperExample, GALLERY_ITEMS, GALLERY_SECTIONS, GalleryHomeScreen, Header, IconWrapper, InvoiceList, KanbanBoard, KanbanBoardExample, LINE_ANIM_DURATION, LightTheme, LineChart, LineHeight, Loader, LoginForm, LogoutProvider, ModalHeader, NetworkImage, NetworkStatus, NetworkStatusExample, NotificationCenter, NotificationCenterExample, PageSwipeView, PasswordStrength, PhoneInput, PieChart, PopupMenu, PopupMenuExample, PopupMenuItem, PricingCard, ProgressBar, SIZE_CONFIG, SearchBar, SearchWithFilters, SegmentedControl, SelectionGroup, Shadow, SignupForm, Snackbar, SocialLoginButton, SocialLoginGroup, SocialLoginIconButton, Spacing, SpeedDial, SpeedDialExample, StatCard, Stepper, SIZE_CONFIG6 as TIMELINE_SIZE_CONFIG, TabBar, TabPager, TabPagerExample, Text4 as Text, ThemeContext, TimePicker, Timeline, TimelineExample, TimelineRow, ToastItem, ToastProvider, Tooltip, UITheme, VARIANT_COLORS, WheelPicker, ZIndex, exampleScreenLayout, formatMonthYear, generateMonthDays, getAlertIconAndColors, getAvatarBgColor, getAvatarColor, getBottomBarStyles, getCalendarHeight, getCalendarMonthStyles, getDateTimePickerStyles, getDaysInMonth2 as getDaysInMonth, getFirstDayOfMonth, getGalleryItem, getGroupedGalleryItems, getNameInitials, getPopulatedObject, getStatusColor, getTheme, getWeekNumber, isSameDay2 as isSameDay, modalStyles, styles21 as timelineStyles, toCamelCase, useAlert, useCustomUIFonts, useDateTimePicker, useFonts, useForm, useFormScroll, useGlobalLogout, useModalAnimation, useNetworkStatus, useTheme, useTimeHandlers, useToast };

package/package.json

@@ -1,79 +1,79 @@
-{
-  "name": "custom-mobile-ui",
-  "version": "1.0.2",
-  "description": "Private reusable React Native UI components",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
-  "react-native": "dist/index.mjs",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch --sourcemap",
-    "clean": "rimraf dist",
-    "pack:dry-run": "npm pack --dry-run",
-    "prepare": "npm run build",
-    "example": "npm run --prefix example start",
-    "example:android": "npm run --prefix example android",
-    "example:ios": "npm run --prefix example ios",
-    "android": "expo run:android",
-    "ios": "expo run:ios"
-  },
-  "peerDependencies": {
-    "dayjs": "*",
-    "expo-blur": "*",
-    "expo-document-picker": "*",
-    "expo-font": "*",
-    "expo-image-picker": "*",
-    "expo-linear-gradient": "*",
-    "lucide-react-native": "0.263.0",
-    "react": "19.1.0",
-    "react-native": "0.81.5",
-    "react-native-gesture-handler": "*",
-    "react-native-reanimated": "*",
-    "react-native-safe-area-context": "*",
-    "react-native-signature-canvas": "*",
-    "react-native-svg": "^15.15.1"
-  },
-  "devDependencies": {
-    "@react-navigation/native": "^7.2.0",
-    "@react-navigation/native-stack": "^7.14.7",
-    "@types/react": "~19.1.0",
-    "dayjs": "^1.11.19",
-    "expo": "~54.0.30",
-    "expo-blur": "^55.0.10",
-    "expo-document-picker": "~14.0.8",
-    "expo-font": "^14.0.10",
-    "expo-image-picker": "^17.0.10",
-    "expo-linear-gradient": "~15.0.8",
-    "lucide-react-native": "0.263.0",
-    "react": "19.1.0",
-    "react-native": "0.81.5",
-    "react-native-gesture-handler": "~2.28.0",
-    "react-native-reanimated": "~4.1.1",
-    "react-native-safe-area-context": "^5.6.2",
-    "react-native-signature-canvas": "^5.0.2",
-    "react-native-svg": "^15.15.1",
-    "rimraf": "^6.0.1",
-    "tsup": "^8.5.0",
-    "typescript": "^5.9.2"
-  },
-  "dependencies": {
-    "expo": "~54.0.33",
-    "react": "19.1.0",
-    "react-native": "0.81.5",
-    "react-native-signature-canvas": "^5.0.2"
-  }
-}
+{
+  "name": "custom-mobile-ui",
+  "version": "1.0.3",
+  "description": "Private reusable React Native UI components",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "react-native": "dist/index.mjs",
+  "exports": {
+  ".": {
+    "types": "./dist/index.d.ts",
+    "import": "./dist/index.mjs",
+    "require": "./dist/index.js"
+  }
+},
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch --sourcemap",
+    "clean": "rimraf dist",
+    "pack:dry-run": "npm pack --dry-run",
+    "prepare": "npm run build",
+    "example": "npm run --prefix example start",
+    "example:android": "npm run --prefix example android",
+    "example:ios": "npm run --prefix example ios",
+    "android": "expo run:android",
+    "ios": "expo run:ios"
+  },
+  "peerDependencies": {
+    "dayjs": "*",
+    "expo-blur": "*",
+    "expo-document-picker": "*",
+    "expo-font": "*",
+    "expo-image-picker": "*",
+    "expo-linear-gradient": "*",
+    "lucide-react-native": "0.263.0",
+    "react": "19.1.0",
+    "react-native": "0.81.5",
+    "react-native-gesture-handler": "*",
+    "react-native-reanimated": "*",
+    "react-native-safe-area-context": "*",
+    "react-native-signature-canvas": "*",
+    "react-native-svg": "^15.15.1"
+  },
+  "devDependencies": {
+    "@react-navigation/native": "^7.2.0",
+    "@react-navigation/native-stack": "^7.14.7",
+    "@types/react": "~19.1.0",
+    "dayjs": "^1.11.19",
+    "expo": "~54.0.30",
+    "expo-blur": "^55.0.10",
+    "expo-document-picker": "~14.0.8",
+    "expo-font": "^14.0.10",
+    "expo-image-picker": "^17.0.10",
+    "expo-linear-gradient": "~15.0.8",
+    "lucide-react-native": "0.263.0",
+    "react": "19.1.0",
+    "react-native": "0.81.5",
+    "react-native-gesture-handler": "~2.28.0",
+    "react-native-reanimated": "~4.1.1",
+    "react-native-safe-area-context": "^5.6.2",
+    "react-native-signature-canvas": "^5.0.2",
+    "react-native-svg": "^15.15.1",
+    "rimraf": "^6.0.1",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.2"
+  },
+  "dependencies": {
+    "expo": "~54.0.33",
+    "react": "19.1.0",
+    "react-native": "0.81.5",
+    "react-native-signature-canvas": "^5.0.2"
+  }
+}