@nexara/nativeflow 0.1.1 → 0.1.4

package/src/types/stack.type.ts

@@ -1,6 +1,8 @@
+import React from "react";
 import type { FlexStyle, StyleProp, ViewStyle } from "react-native";
+import type { StyledViewProps } from "./styledComponents.type";
 
-export type HStackProps = ViewStyle & {
+export type HStackProps = StyledViewProps & {
     /** 
      * Defines the alignment of children along the main axis. 
      */
@@ -24,7 +26,7 @@ export type HStackProps = ViewStyle & {
     /** 
      * Custom styles for the container. 
      */
-    containerStyle?: StyleProp<ViewStyle>;
+    style?: StyleProp<ViewStyle>;
 
     /** 
      * Child components to be rendered inside the HStack. 
@@ -32,7 +34,7 @@ export type HStackProps = ViewStyle & {
     children?: React.ReactNode;
 };
 
-export type VStackProps = ViewStyle & {
+export type VStackProps = StyledViewProps & {
     /** 
      * Child components to be rendered inside the VStack. 
      */
@@ -51,5 +53,5 @@ export type VStackProps = ViewStyle & {
     /** 
      * Custom styles for the container. 
      */
-    containerStyle?: StyleProp<ViewStyle>;
+    style?: StyleProp<ViewStyle>;
 };

package/src/types/styledComponents.type.ts

@@ -1,5 +1,6 @@
-import type { ColorValue, DimensionValue, StyleProp, TextProps, TextStyle, ViewProps, ViewStyle } from "react-native";
+import type { ColorValue, DimensionValue, StyleProp, TextProps, TextStyle, View, ViewProps, ViewStyle } from "react-native";
 import type { TypographyVariant } from "./common.type";
+import React from "react";
 
 export type StyledViewProps = ViewStyle & ViewProps & {
     /** 
@@ -51,6 +52,12 @@ export type StyledViewProps = ViewStyle & ViewProps & {
      * Custom styles for the view component. 
      */
     style?: StyleProp<ViewStyle>;
+
+     /**  
+     * A ref to access the underlying View component.  
+     * This can be used for measuring layout, animations, or imperative interactions.  
+     */
+    ref?: React.RefObject<View>
 };
 
 export type StyledTextProps = TextProps & {

package/src/types/userInput.type.ts

@@ -1,5 +1,6 @@
-import type { StyleProp, TextInputProps, TextStyle, ViewStyle } from "react-native";
+import type { StyleProp, TextInput, TextInputProps, TextStyle, ViewStyle } from "react-native";
 import type { TypographyVariant, UserInputVariant } from "./common.type";
+import type { JSX } from "react";
 
 export type UserInputProps = TextInputProps & {
     /** 
@@ -92,4 +93,10 @@ export type UserInputProps = TextInputProps & {
         label?: StyleProp<TextStyle>;
         helperText?: StyleProp<TextStyle>;
     };
+
+    /**  
+        * A ref to access the underlying View component.  
+        * This can be used for measuring layout, animations, or imperative interactions.  
+    */
+    ref?: React.RefObject<TextInput>
 };

package/src/index.tsx

@@ -1,3 +0,0 @@
-export function multiply(a: number, b: number): number {
-  return a * b;
-}