@hoddy-ui/core 2.0.0 → 2.0.36

package/README.md

@@ -48,9 +48,6 @@ yarn add @expo/vector-icons @react-native-async-storage/async-storage @react-nav
 import { initialize } from "@hoddy-ui/core";
 
 initialize({
-  // Custom font family
-  fontFamily: "Inter-Regular",
-
   // Google Maps API key for Locator component
   googleMapApiKey: "your-google-maps-api-key",
 
@@ -65,6 +62,17 @@ initialize({
       dark: "#4f46e5",
     },
   },
+
+  // Typography settings
+  typography: {
+    fontFamily: "Inter-Regular",
+    fontWeights: {
+      400: "Inter-Regular",
+      500: "Inter-Medium",
+      600: "Inter-SemiBold",
+      700: "Inter-Bold",
+    },
+  },
 });
 ```
 
@@ -141,24 +149,64 @@ Use the `initialize` function to configure the library globally:
 import { initialize } from "@hoddy-ui/core";
 
 initialize({
-  // Font family for all typography components
-  fontFamily?: string;
-
-  // Google Maps API key for Locator component
+  // Google Maps API key for map components
   googleMapApiKey?: string;
 
-  // Edge-to-edge display (skips Android navigation bar styling)
-  edgeToEdge?: boolean;
-
-  // Custom color overrides
+  // Custom color palette overrides
   colors?: {
     primary?: { main: string; light?: string; dark?: string };
     secondary?: { main: string; light?: string; dark?: string };
-    // ... and more
+    // ... and more color options
+  };
+
+  // Enable edge-to-edge display mode
+  edgeToEdge?: boolean;
+
+  // Typography settings
+  typography?: {
+    // Primary font family
+    fontFamily?: string;
+
+    // Font family mappings for each weight (Android support)
+    fontWeights?: {
+      100?: string;
+      200?: string;
+      300?: string;
+      400?: string;
+      500?: string;
+      600?: string;
+      700?: string;
+      800?: string;
+      900?: string;
+    };
   };
 });
 ```
 
+### Configuration Example
+
+```tsx
+initialize({
+  googleMapApiKey: "AIzaSyBxxxxxxxxxxxxxxxxxxxxxx",
+  edgeToEdge: true,
+  colors: {
+    primary: "#007AFF",
+    secondary: "#34C759",
+  },
+  typography: {
+    fontFamily: "Inter",
+    fontWeights: {
+      400: "Inter-Regular",
+      500: "Inter-Medium",
+      600: "Inter-SemiBold",
+      700: "Inter-Bold",
+    },
+  },
+});
+```
+
+**Note:** The `fontWeights` property is particularly useful for Android devices where different font weights require separate font family files. This allows you to map each weight (100-900) to its corresponding font family name.
+
 ### Theme Configuration
 
 The theme system automatically detects system preferences and can be controlled programmatically:

package/next/dist/index.d.mts

@@ -1,6 +1,5 @@
 import React, { ReactNode, FC } from 'react';
-import { ViewStyle, TextStyle, NativeSyntheticEvent, NativeScrollEvent, TextInputProps, TextProps, TextInput } from 'react-native';
-import * as index from 'index';
+import { ViewStyle, TextStyle, NativeSyntheticEvent, NativeScrollEvent, TextInputProps, TextProps, StyleProp, TextInput } from 'react-native';
 
 type ThemeTypes = "dark" | "light";
 type ThemeModes = "dark" | "light" | "default";
@@ -35,7 +34,7 @@ interface ThemeState {
 }
 interface ThemeContext {
     themeState: ThemeState;
-    themeDispatch?: any;
+    themeDispatch?: (action: ThemeActionTypes) => void;
 }
 interface ThemeProviderProps {
     children: ReactNode;
@@ -56,14 +55,6 @@ interface AvatarProps {
     size?: number;
     style?: ViewStyle;
 }
-interface AnimatorProps {
-    style?: ViewStyle;
-    duration?: number;
-    children: ReactNode;
-    delay?: number;
-    animationType?: "easeInEaseOut" | "linear" | "spring";
-    type?: "fade" | "slideInLeft" | "slideInRight" | "slideInUp" | "slideInDown";
-}
 interface ButtonProps {
     color?: colorTypes;
     variant?: "text" | "outlined" | "contained";
@@ -104,7 +95,7 @@ interface LinkButtonProps {
     style?: TextStyle & ViewStyle;
     color?: colorTypes;
     fontSize?: number;
-    fontWeight?: string;
+    fontWeight?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
     disabled?: boolean;
     onPress?: () => void;
 }
@@ -197,6 +188,9 @@ interface PopupProps {
     open: boolean;
     onClose?: () => void;
     style?: ViewStyle;
+    disableAutoKeyboardManagement?: boolean;
+    onModalShow?: () => void;
+    onModalHide?: () => void;
 }
 interface SpinnerProps {
     label?: string;
@@ -207,6 +201,7 @@ interface SpinnerProps {
 }
 interface TextFieldProps extends TextInputProps {
     label?: string;
+    labelProps?: TypographyProps;
     variant?: "outlined" | "text" | "contained";
     color?: colorTypes;
     size?: "small" | "normal" | "large";
@@ -229,11 +224,12 @@ interface TextFieldProps extends TextInputProps {
     }[];
     onFocus?: () => void;
     onBlur?: () => void;
+    selectMenuProps?: Partial<SelectMenuProps>;
 }
 interface TypographyProps extends TextProps {
     children: ReactNode;
     color?: colorTypes | (string & {});
-    style?: TextStyle | ViewStyle;
+    style?: StyleProp<TextStyle | ViewStyle>;
     textCase?: "capitalize" | "uppercase" | "lowercase" | undefined;
     variant?: "caption" | "body1" | "body2" | "h6" | "h5" | "h4" | "h3" | "h2" | "h1";
     align?: "center" | "left" | "right";
@@ -241,6 +237,7 @@ interface TypographyProps extends TextProps {
     numberOfLines?: number;
     adjustsFontSizeToFit?: boolean;
     fontFamily?: string;
+    fontSize?: number;
     fontWeight?: 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
 }
 interface SafeAreaViewProps {
@@ -261,6 +258,8 @@ interface SelectMenuProps {
     label?: string;
     secondary?: string;
     helperText?: string;
+    searchEnabled?: boolean;
+    searchPlaceholder?: string;
 }
 interface OTPInputProps {
     length?: number;
@@ -289,12 +288,81 @@ interface DividerProps {
     style?: ViewStyle;
     height?: number;
 }
+type AnimationType = "fade" | "grow" | "slide" | "blink" | "float" | "roll" | "thrownup";
+interface BaseAnimatorProps {
+    children: ReactNode;
+    duration?: number;
+    delay?: number;
+    closeAfter?: number | null;
+    style?: ViewStyle;
+}
+type AnimatorProps = (BaseAnimatorProps & {
+    type: "fade";
+}) | (BaseAnimatorProps & {
+    type: "grow";
+    initialScale?: number;
+}) | (BaseAnimatorProps & {
+    type: "slide";
+    direction?: "up" | "down" | "left" | "right";
+    initialValue?: number;
+}) | (BaseAnimatorProps & {
+    type: "blink";
+    blinkDuration?: number;
+    minOpacity?: number;
+    maxOpacity?: number;
+}) | (BaseAnimatorProps & {
+    type: "float";
+    closeDuration?: number;
+    floatDistance?: number;
+    floatDuration?: number;
+}) | (BaseAnimatorProps & {
+    type: "roll";
+    initialTranslateY?: number;
+    initialRotate?: string;
+}) | (BaseAnimatorProps & {
+    type: "thrownup";
+});
 
+/**
+ * Configuration options for the Hoddy UI library
+ *
+ * @example
+ * ```typescript
+ * initialize({
+ *   googleMapApiKey: "AIzaSyBxxxxxxxxxxxxxxxxxxxxxx",
+ *   edgeToEdge: true,
+ *   colors: {
+ *     primary: "#007AFF",
+ *     secondary: "#34C759"
+ *   },
+ *   typography: {
+ *     fontFamily: "Inter",
+ *     fontWeights: {
+ *       400: "Inter-Regular",
+ *       500: "Inter-Medium",
+ *       600: "Inter-SemiBold",
+ *       700: "Inter-Bold"
+ *     }
+ *   }
+ * });
+ * ```
+ */
 type configProps = {
+    /** Google Maps API key for map components */
     googleMapApiKey?: string;
+    /** Custom color palette overrides */
     colors?: extraColorTypes;
-    fontFamily?: string;
+    /** Enable edge-to-edge display mode */
     edgeToEdge?: boolean;
+    /** Typography settings */
+    typography?: {
+        /** Primary font family */
+        fontFamily?: string;
+        /** Font family mappings for each weight (Android support) */
+        fontWeights?: {
+            [K in 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900]?: string;
+        };
+    };
 };
 declare function initialize(config: configProps): void;
 
@@ -312,7 +380,7 @@ declare const Button: React.FC<ButtonProps>;
 
 declare const CheckBox: FC<CheckboxProps>;
 
-declare let showFlashMessage: (msg: FlashMessageProps) => void;
+declare const showFlashMessage: (msg: FlashMessageProps) => void;
 
 declare const FormWrapper: React.FC<FormWrapperProps>;
 
@@ -371,10 +439,10 @@ declare const OTPInput: FC<OTPInputProps>;
 
 declare const useColors: () => {
     white: {
-        main?: string | undefined;
-        light?: string | undefined;
-        dark?: string | undefined;
-        text?: string | undefined;
+        main?: string;
+        light?: string;
+        dark?: string;
+        text?: string;
         1: string;
         2: string;
         3: string;
@@ -382,10 +450,10 @@ declare const useColors: () => {
         5: string;
     };
     black: {
-        main?: string | undefined;
-        light?: string | undefined;
-        dark?: string | undefined;
-        text?: string | undefined;
+        main?: string;
+        light?: string;
+        dark?: string;
+        text?: string;
         1: string;
         2: string;
         3: string;
@@ -454,10 +522,10 @@ declare const useColors: () => {
     };
 } | {
     white: {
-        main?: string | undefined;
-        light?: string | undefined;
-        dark?: string | undefined;
-        text?: string | undefined;
+        main?: string;
+        light?: string;
+        dark?: string;
+        text?: string;
         1: string;
         2: string;
         3: string;
@@ -465,10 +533,10 @@ declare const useColors: () => {
         5: string;
     };
     black: {
-        main?: string | undefined;
-        light?: string | undefined;
-        dark?: string | undefined;
-        text?: string | undefined;
+        main?: string;
+        light?: string;
+        dark?: string;
+        text?: string;
         1: string;
         2: string;
         3: string;
@@ -537,10 +605,10 @@ declare const useColors: () => {
     };
 } | {
     white: {
-        main?: string | undefined;
-        light?: string | undefined;
-        dark?: string | undefined;
-        text?: string | undefined;
+        main?: string;
+        light?: string;
+        dark?: string;
+        text?: string;
         1: string;
         2: string;
         3: string;
@@ -548,10 +616,10 @@ declare const useColors: () => {
         5: string;
     };
     black: {
-        main?: string | undefined;
-        light?: string | undefined;
-        dark?: string | undefined;
-        text?: string | undefined;
+        main?: string;
+        light?: string;
+        dark?: string;
+        text?: string;
         1: string;
         2: string;
         3: string;
@@ -619,7 +687,11 @@ declare const useColors: () => {
         text: string;
     };
 };
-declare const useTheme: () => index.ThemeTypes;
+declare const useTheme: () => ThemeTypes;
+declare const useThemeContext: () => {
+    theme: ThemeState;
+    setTheme: (theme: ThemeModes) => void;
+};
 declare const useNavScreenOptions: (type: "stack" | "tab" | "drawer") => any;
 
 declare const UIThemeContext: React.Context<ThemeContext>;
@@ -629,4 +701,4 @@ declare const HoddyUI: {
     initialize: typeof initialize;
 };
 
-export { AdaptiveStatusBar, AlertX, type AlertXProps, type AnimatorProps, Avatar, type AvatarProps, Button, type ButtonProps, CheckBox, type CheckboxProps, Divider, type DividerProps, type FlashMessageProps, FormWrapper, type FormWrapperProps, Grid, GridItem, type GridItemProps, type GridProps, IconButton, type IconButtonProps, LinkButton, type LinkButtonProps, type ListItemProps, type ListItemTextProps, type ListProps, Locator, type LocatorInputProps, type LocatorProps, OTPInput, type OTPInputProps, Popup, type PopupProps, RatingInput, type RatingInputProps, RatingStars, type RatingStarsProps, SafeAreaView, type SafeAreaViewProps, SelectMenu, type SelectMenuProps, Spinner, type SpinnerProps, TextField, TextField2, type TextFieldProps, type ThemeActionTypes, type ThemeContext, type ThemeModes, type ThemeProviderProps, type ThemeState, type ThemeTypes, Typography, type TypographyProps, UIThemeContext, UIThemeProvider, type colorTypes, HoddyUI as default, type extraColorTypes, getLocationFromPlaceId, getPredictionsFromCoords, getPredictionsFromQuery, type locatorLocation, type predictionType, showFlashMessage, useColors, useNavScreenOptions, useTheme };
+export { AdaptiveStatusBar, AlertX, type AlertXProps, type AnimationType, type AnimatorProps, Avatar, type AvatarProps, Button, type ButtonProps, CheckBox, type CheckboxProps, Divider, type DividerProps, type FlashMessageProps, FormWrapper, type FormWrapperProps, Grid, GridItem, type GridItemProps, type GridProps, IconButton, type IconButtonProps, LinkButton, type LinkButtonProps, type ListItemProps, type ListItemTextProps, type ListProps, Locator, type LocatorInputProps, type LocatorProps, OTPInput, type OTPInputProps, Popup, type PopupProps, RatingInput, type RatingInputProps, RatingStars, type RatingStarsProps, SafeAreaView, type SafeAreaViewProps, SelectMenu, type SelectMenuProps, Spinner, type SpinnerProps, TextField, TextField2, type TextFieldProps, type ThemeActionTypes, type ThemeContext, type ThemeModes, type ThemeProviderProps, type ThemeState, type ThemeTypes, Typography, type TypographyProps, UIThemeContext, UIThemeProvider, type colorTypes, HoddyUI as default, type extraColorTypes, getLocationFromPlaceId, getPredictionsFromCoords, getPredictionsFromQuery, type locatorLocation, type predictionType, showFlashMessage, useColors, useNavScreenOptions, useTheme, useThemeContext };

package/next/dist/index.d.ts

@@ -1,6 +1,5 @@
 import React, { ReactNode, FC } from 'react';
-import { ViewStyle, TextStyle, NativeSyntheticEvent, NativeScrollEvent, TextInputProps, TextProps, TextInput } from 'react-native';
-import * as index from 'index';
+import { ViewStyle, TextStyle, NativeSyntheticEvent, NativeScrollEvent, TextInputProps, TextProps, StyleProp, TextInput } from 'react-native';
 
 type ThemeTypes = "dark" | "light";
 type ThemeModes = "dark" | "light" | "default";
@@ -35,7 +34,7 @@ interface ThemeState {
 }
 interface ThemeContext {
     themeState: ThemeState;
-    themeDispatch?: any;
+    themeDispatch?: (action: ThemeActionTypes) => void;
 }
 interface ThemeProviderProps {
     children: ReactNode;
@@ -56,14 +55,6 @@ interface AvatarProps {
     size?: number;
     style?: ViewStyle;
 }
-interface AnimatorProps {
-    style?: ViewStyle;
-    duration?: number;
-    children: ReactNode;
-    delay?: number;
-    animationType?: "easeInEaseOut" | "linear" | "spring";
-    type?: "fade" | "slideInLeft" | "slideInRight" | "slideInUp" | "slideInDown";
-}
 interface ButtonProps {
     color?: colorTypes;
     variant?: "text" | "outlined" | "contained";
@@ -104,7 +95,7 @@ interface LinkButtonProps {
     style?: TextStyle & ViewStyle;
     color?: colorTypes;
     fontSize?: number;
-    fontWeight?: string;
+    fontWeight?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
     disabled?: boolean;
     onPress?: () => void;
 }
@@ -197,6 +188,9 @@ interface PopupProps {
     open: boolean;
     onClose?: () => void;
     style?: ViewStyle;
+    disableAutoKeyboardManagement?: boolean;
+    onModalShow?: () => void;
+    onModalHide?: () => void;
 }
 interface SpinnerProps {
     label?: string;
@@ -207,6 +201,7 @@ interface SpinnerProps {
 }
 interface TextFieldProps extends TextInputProps {
     label?: string;
+    labelProps?: TypographyProps;
     variant?: "outlined" | "text" | "contained";
     color?: colorTypes;
     size?: "small" | "normal" | "large";
@@ -229,11 +224,12 @@ interface TextFieldProps extends TextInputProps {
     }[];
     onFocus?: () => void;
     onBlur?: () => void;
+    selectMenuProps?: Partial<SelectMenuProps>;
 }
 interface TypographyProps extends TextProps {
     children: ReactNode;
     color?: colorTypes | (string & {});
-    style?: TextStyle | ViewStyle;
+    style?: StyleProp<TextStyle | ViewStyle>;
     textCase?: "capitalize" | "uppercase" | "lowercase" | undefined;
     variant?: "caption" | "body1" | "body2" | "h6" | "h5" | "h4" | "h3" | "h2" | "h1";
     align?: "center" | "left" | "right";
@@ -241,6 +237,7 @@ interface TypographyProps extends TextProps {
     numberOfLines?: number;
     adjustsFontSizeToFit?: boolean;
     fontFamily?: string;
+    fontSize?: number;
     fontWeight?: 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
 }
 interface SafeAreaViewProps {
@@ -261,6 +258,8 @@ interface SelectMenuProps {
     label?: string;
     secondary?: string;
     helperText?: string;
+    searchEnabled?: boolean;
+    searchPlaceholder?: string;
 }
 interface OTPInputProps {
     length?: number;
@@ -289,12 +288,81 @@ interface DividerProps {
     style?: ViewStyle;
     height?: number;
 }
+type AnimationType = "fade" | "grow" | "slide" | "blink" | "float" | "roll" | "thrownup";
+interface BaseAnimatorProps {
+    children: ReactNode;
+    duration?: number;
+    delay?: number;
+    closeAfter?: number | null;
+    style?: ViewStyle;
+}
+type AnimatorProps = (BaseAnimatorProps & {
+    type: "fade";
+}) | (BaseAnimatorProps & {
+    type: "grow";
+    initialScale?: number;
+}) | (BaseAnimatorProps & {
+    type: "slide";
+    direction?: "up" | "down" | "left" | "right";
+    initialValue?: number;
+}) | (BaseAnimatorProps & {
+    type: "blink";
+    blinkDuration?: number;
+    minOpacity?: number;
+    maxOpacity?: number;
+}) | (BaseAnimatorProps & {
+    type: "float";
+    closeDuration?: number;
+    floatDistance?: number;
+    floatDuration?: number;
+}) | (BaseAnimatorProps & {
+    type: "roll";
+    initialTranslateY?: number;
+    initialRotate?: string;
+}) | (BaseAnimatorProps & {
+    type: "thrownup";
+});
 
+/**
+ * Configuration options for the Hoddy UI library
+ *
+ * @example
+ * ```typescript
+ * initialize({
+ *   googleMapApiKey: "AIzaSyBxxxxxxxxxxxxxxxxxxxxxx",
+ *   edgeToEdge: true,
+ *   colors: {
+ *     primary: "#007AFF",
+ *     secondary: "#34C759"
+ *   },
+ *   typography: {
+ *     fontFamily: "Inter",
+ *     fontWeights: {
+ *       400: "Inter-Regular",
+ *       500: "Inter-Medium",
+ *       600: "Inter-SemiBold",
+ *       700: "Inter-Bold"
+ *     }
+ *   }
+ * });
+ * ```
+ */
 type configProps = {
+    /** Google Maps API key for map components */
     googleMapApiKey?: string;
+    /** Custom color palette overrides */
     colors?: extraColorTypes;
-    fontFamily?: string;
+    /** Enable edge-to-edge display mode */
     edgeToEdge?: boolean;
+    /** Typography settings */
+    typography?: {
+        /** Primary font family */
+        fontFamily?: string;
+        /** Font family mappings for each weight (Android support) */
+        fontWeights?: {
+            [K in 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900]?: string;
+        };
+    };
 };
 declare function initialize(config: configProps): void;
 
@@ -312,7 +380,7 @@ declare const Button: React.FC<ButtonProps>;
 
 declare const CheckBox: FC<CheckboxProps>;
 
-declare let showFlashMessage: (msg: FlashMessageProps) => void;
+declare const showFlashMessage: (msg: FlashMessageProps) => void;
 
 declare const FormWrapper: React.FC<FormWrapperProps>;
 
@@ -371,10 +439,10 @@ declare const OTPInput: FC<OTPInputProps>;
 
 declare const useColors: () => {
     white: {
-        main?: string | undefined;
-        light?: string | undefined;
-        dark?: string | undefined;
-        text?: string | undefined;
+        main?: string;
+        light?: string;
+        dark?: string;
+        text?: string;
         1: string;
         2: string;
         3: string;
@@ -382,10 +450,10 @@ declare const useColors: () => {
         5: string;
     };
     black: {
-        main?: string | undefined;
-        light?: string | undefined;
-        dark?: string | undefined;
-        text?: string | undefined;
+        main?: string;
+        light?: string;
+        dark?: string;
+        text?: string;
         1: string;
         2: string;
         3: string;
@@ -454,10 +522,10 @@ declare const useColors: () => {
     };
 } | {
     white: {
-        main?: string | undefined;
-        light?: string | undefined;
-        dark?: string | undefined;
-        text?: string | undefined;
+        main?: string;
+        light?: string;
+        dark?: string;
+        text?: string;
         1: string;
         2: string;
         3: string;
@@ -465,10 +533,10 @@ declare const useColors: () => {
         5: string;
     };
     black: {
-        main?: string | undefined;
-        light?: string | undefined;
-        dark?: string | undefined;
-        text?: string | undefined;
+        main?: string;
+        light?: string;
+        dark?: string;
+        text?: string;
         1: string;
         2: string;
         3: string;
@@ -537,10 +605,10 @@ declare const useColors: () => {
     };
 } | {
     white: {
-        main?: string | undefined;
-        light?: string | undefined;
-        dark?: string | undefined;
-        text?: string | undefined;
+        main?: string;
+        light?: string;
+        dark?: string;
+        text?: string;
         1: string;
         2: string;
         3: string;
@@ -548,10 +616,10 @@ declare const useColors: () => {
         5: string;
     };
     black: {
-        main?: string | undefined;
-        light?: string | undefined;
-        dark?: string | undefined;
-        text?: string | undefined;
+        main?: string;
+        light?: string;
+        dark?: string;
+        text?: string;
         1: string;
         2: string;
         3: string;
@@ -619,7 +687,11 @@ declare const useColors: () => {
         text: string;
     };
 };
-declare const useTheme: () => index.ThemeTypes;
+declare const useTheme: () => ThemeTypes;
+declare const useThemeContext: () => {
+    theme: ThemeState;
+    setTheme: (theme: ThemeModes) => void;
+};
 declare const useNavScreenOptions: (type: "stack" | "tab" | "drawer") => any;
 
 declare const UIThemeContext: React.Context<ThemeContext>;
@@ -629,4 +701,4 @@ declare const HoddyUI: {
     initialize: typeof initialize;
 };
 
-export { AdaptiveStatusBar, AlertX, type AlertXProps, type AnimatorProps, Avatar, type AvatarProps, Button, type ButtonProps, CheckBox, type CheckboxProps, Divider, type DividerProps, type FlashMessageProps, FormWrapper, type FormWrapperProps, Grid, GridItem, type GridItemProps, type GridProps, IconButton, type IconButtonProps, LinkButton, type LinkButtonProps, type ListItemProps, type ListItemTextProps, type ListProps, Locator, type LocatorInputProps, type LocatorProps, OTPInput, type OTPInputProps, Popup, type PopupProps, RatingInput, type RatingInputProps, RatingStars, type RatingStarsProps, SafeAreaView, type SafeAreaViewProps, SelectMenu, type SelectMenuProps, Spinner, type SpinnerProps, TextField, TextField2, type TextFieldProps, type ThemeActionTypes, type ThemeContext, type ThemeModes, type ThemeProviderProps, type ThemeState, type ThemeTypes, Typography, type TypographyProps, UIThemeContext, UIThemeProvider, type colorTypes, HoddyUI as default, type extraColorTypes, getLocationFromPlaceId, getPredictionsFromCoords, getPredictionsFromQuery, type locatorLocation, type predictionType, showFlashMessage, useColors, useNavScreenOptions, useTheme };
+export { AdaptiveStatusBar, AlertX, type AlertXProps, type AnimationType, type AnimatorProps, Avatar, type AvatarProps, Button, type ButtonProps, CheckBox, type CheckboxProps, Divider, type DividerProps, type FlashMessageProps, FormWrapper, type FormWrapperProps, Grid, GridItem, type GridItemProps, type GridProps, IconButton, type IconButtonProps, LinkButton, type LinkButtonProps, type ListItemProps, type ListItemTextProps, type ListProps, Locator, type LocatorInputProps, type LocatorProps, OTPInput, type OTPInputProps, Popup, type PopupProps, RatingInput, type RatingInputProps, RatingStars, type RatingStarsProps, SafeAreaView, type SafeAreaViewProps, SelectMenu, type SelectMenuProps, Spinner, type SpinnerProps, TextField, TextField2, type TextFieldProps, type ThemeActionTypes, type ThemeContext, type ThemeModes, type ThemeProviderProps, type ThemeState, type ThemeTypes, Typography, type TypographyProps, UIThemeContext, UIThemeProvider, type colorTypes, HoddyUI as default, type extraColorTypes, getLocationFromPlaceId, getPredictionsFromCoords, getPredictionsFromQuery, type locatorLocation, type predictionType, showFlashMessage, useColors, useNavScreenOptions, useTheme, useThemeContext };