@nexara/nativeflow 0.1.1 → 0.1.2

package/src/helpers/index.ts

@@ -1,2 +1,3 @@
 export { default as getGridValue } from './CalculateGridSize';
-export { default as deviceScreenSizeCategory } from './DeviceSizeCategory';
+export { default as deviceScreenSizeCategory } from './DeviceSizeCategory';
+export * from "./ResponsiveCalculations";

package/src/themes/LightTheme.ts

@@ -1,4 +1,3 @@
-import Color from "color";
 import { dialogSizes, typographySizes } from "../constants";
 import type { ThemeTypes } from "../types";
 
@@ -56,7 +55,7 @@ import type { ThemeTypes } from "../types";
 //     switchColor: '#353935',
 //     error: '#ED2939',
 // })
-console.log(Color('rgba(0, 0, 0, 1)').alpha(0.12).rgb().string())
+// console.log(Color('rgba(0, 0, 0, 1)').alpha(0.12).rgb().string())
 const LightTheme: ThemeTypes = {
     isDark: false,
     colors: {

package/src/types/button.type.ts

@@ -1,5 +1,6 @@
 import type { PressableProps, StyleProp, TextStyle, ViewStyle } from "react-native";
 import type { ButtonVariant, TypographyVariant } from "./common.type";
+import type { JSX } from "react";
 
 /**
  * @see https://rn-nativeflow-docs.onrender.com/docs/components/button

package/src/types/dialog.type.ts

@@ -23,9 +23,6 @@ export type DialogProps = {
     /** Background color of the backdrop */
     backdropColor?: string;
 
-    /** Duration of the animation in milliseconds */
-    animationDuration?: number;
-
     /** Callback function triggered when the dialog is closed */
     onClose?: () => void;
 

package/src/types/index.ts

@@ -9,4 +9,5 @@ export * from './menu.type';
 export * from './stack.type';
 export * from './styledComponents.type';
 export * from './switch.type';
-export * from './userInput.type';
+export * from './userInput.type';
+export * from './progress.type'

package/src/types/progress.type.ts

@@ -0,0 +1,16 @@
+export type ProgressProps = {
+    /** Current progress value (0-100) */
+    value?: number;
+
+    /** Thickness of the progress bar */
+    thickness?: number;
+
+    /** Border radius of the progress bar */
+    br?: number;
+
+    /** Background color of the track (unfilled part) */
+    trackColor?: string;
+
+    /** Color of the progress (filled part) */
+    progressColor?: string;
+}

package/src/types/stack.type.ts

@@ -1,4 +1,5 @@
-import type { FlexStyle, StyleProp, ViewStyle } from "react-native";
+import React from "react";
+import type { FlexStyle, StyleProp, View, ViewStyle } from "react-native";
 
 export type HStackProps = ViewStyle & {
     /** 
@@ -24,12 +25,18 @@ export type HStackProps = ViewStyle & {
     /** 
      * Custom styles for the container. 
      */
-    containerStyle?: StyleProp<ViewStyle>;
+    style?: StyleProp<ViewStyle>;
 
     /** 
      * Child components to be rendered inside the HStack. 
      */
     children?: React.ReactNode;
+
+    /**  
+     * 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 VStackProps = ViewStyle & {
@@ -51,5 +58,11 @@ export type VStackProps = ViewStyle & {
     /** 
      * Custom styles for the container. 
      */
-    containerStyle?: StyleProp<ViewStyle>;
+    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>
 };

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,4 +1,4 @@
-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";
 
 export type UserInputProps = TextInputProps & {
@@ -92,4 +92,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>
 };