@hoddy-ui/next 2.5.74 → 2.5.76

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import React, { ReactNode, FC } from 'react';
-import { ViewStyle, TextStyle, NativeSyntheticEvent, NativeScrollEvent, TextInputProps, TextProps, StyleProp, ScrollView, TextInput } from 'react-native';
+import { ViewStyle, TextStyle, NativeSyntheticEvent, NativeScrollEvent, TextInputProps, TextProps, StyleProp, ViewProps, ScrollView, View, TextInput } from 'react-native';
 
 type ThemeTypes = "dark" | "light";
 type ThemeModes = "dark" | "light" | "default";
@@ -241,9 +241,8 @@ interface TypographyProps extends TextProps {
     fontSize?: number;
     fontWeight?: 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
 }
-interface SafeAreaViewProps {
+interface SafeAreaViewProps extends ViewProps {
     children: ReactNode;
-    style?: ViewStyle;
 }
 interface SelectMenuProps {
     open: boolean;
@@ -439,7 +438,7 @@ declare const Locator: React.FC<LocatorProps>;
 
 declare const Popup: React.FC<PopupProps>;
 
-declare const SafeAreaView: React.FC<SafeAreaViewProps>;
+declare const SafeAreaView: React.ForwardRefExoticComponent<SafeAreaViewProps & React.RefAttributes<View>>;
 
 declare const Divider: FC<DividerProps>;
 

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode, FC } from 'react';
-import { ViewStyle, TextStyle, NativeSyntheticEvent, NativeScrollEvent, TextInputProps, TextProps, StyleProp, ScrollView, TextInput } from 'react-native';
+import { ViewStyle, TextStyle, NativeSyntheticEvent, NativeScrollEvent, TextInputProps, TextProps, StyleProp, ViewProps, ScrollView, View, TextInput } from 'react-native';
 
 type ThemeTypes = "dark" | "light";
 type ThemeModes = "dark" | "light" | "default";
@@ -241,9 +241,8 @@ interface TypographyProps extends TextProps {
     fontSize?: number;
     fontWeight?: 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
 }
-interface SafeAreaViewProps {
+interface SafeAreaViewProps extends ViewProps {
     children: ReactNode;
-    style?: ViewStyle;
 }
 interface SelectMenuProps {
     open: boolean;
@@ -439,7 +438,7 @@ declare const Locator: React.FC<LocatorProps>;
 
 declare const Popup: React.FC<PopupProps>;
 
-declare const SafeAreaView: React.FC<SafeAreaViewProps>;
+declare const SafeAreaView: React.ForwardRefExoticComponent<SafeAreaViewProps & React.RefAttributes<View>>;
 
 declare const Divider: FC<DividerProps>;
 

package/dist/index.js

@@ -2180,20 +2180,19 @@ var Locator = ({
 var import_react18 = __toESM(require("react"));
 var import_react_native_safe_area_context6 = require("react-native-safe-area-context");
 var import_react_native18 = require("react-native");
-var SafeAreaView = ({
-  children,
-  style
-}) => {
-  const { top, bottom } = (0, import_react_native_safe_area_context6.useSafeAreaInsets)();
-  const styles = import_react_native18.StyleSheet.create({
-    root: {
-      paddingTop: top,
-      paddingBottom: bottom,
-      flex: 1
-    }
-  });
-  return /* @__PURE__ */ import_react18.default.createElement(import_react_native18.View, { style: [styles.root, style] }, children);
-};
+var SafeAreaView = (0, import_react18.forwardRef)(
+  ({ children, style, ...rest }, ref) => {
+    const { top, bottom } = (0, import_react_native_safe_area_context6.useSafeAreaInsets)();
+    const styles = import_react_native18.StyleSheet.create({
+      root: {
+        paddingTop: top,
+        paddingBottom: bottom,
+        flex: 1
+      }
+    });
+    return /* @__PURE__ */ import_react18.default.createElement(import_react_native18.View, { ref, style: [styles.root, style], ...rest }, children);
+  }
+);
 
 // ../src/Components/Divider.tsx
 var import_react19 = __toESM(require("react"));