@nexara/nativeflow 0.1.2 → 0.1.6

package/src/index.ts

@@ -11,7 +11,7 @@ export { default as Progress } from './components/Progress/Progress';
 export { default as Slider } from './components/Slider/Slider';
 export { default as Surface } from './components/Surface/Surface';
 export { default as Switch } from './components/Switch/Switch';
-export { default as TouchableRipple } from './components/TouchableRipple/TouchableRipple';
+// export { default as TouchableRipple } from './components/TouchableRipple/TouchableRipple';
 export { Dialog, DialogHead, DialogBody, DialogFoot, DialogDescription } from './components/Dialog';
 export { default as CheckBox } from './components/CheckBox/CheckBox';
 export { default as Avatar } from './components/Avatar';
@@ -41,7 +41,7 @@ export type { ProgressProps } from './components/Progress/Progress';
 export type { SliderProps } from './components/Slider/Slider';
 export type { SurfaceProps } from './components/Surface/Surface';
 export type { SwitchProps } from './components/Switch/Switch';
-export type { TouchableRippleProps } from './components/TouchableRipple/TouchableRipple';
+// export type { TouchableRippleProps } from './components/TouchableRipple/TouchableRipple';
 export type { DialogProps, DialogHeadProps, DialogBodyProps, DialogFootProps, DialogDescriptionProps } from './components/Dialog';
 export type { CheckBoxProps } from './components/CheckBox/CheckBox';
 export type { AvatarTextProps, AvatarImageProps } from './components/Avatar';

package/src/types/button.type.ts

@@ -1,11 +1,11 @@
-import type { PressableProps, StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { StyleProp, TextStyle, TouchableOpacityProps, 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
  */
-export type ButtonProps = PressableProps & {
+export type ButtonProps = TouchableOpacityProps & {
     /** Specifies the button style variant (e.g., 'contained', 'outlined') */
     variant?: ButtonVariant;
 

package/src/types/chip.type.ts

@@ -1,3 +1,4 @@
+import type { JSX } from "react";
 import type { PressableProps, StyleProp, TextStyle, ViewStyle } from "react-native";
 
 export type ChipProps = PressableProps & {

package/src/types/dialog.type.ts

@@ -11,9 +11,6 @@ export type DialogProps = {
     /** Defines the dialog style variant */
     variant?: DialogVariant;
 
-    /** Controls the visibility of the dialog */
-    isVisible?: boolean;
-
     /** Defines the horizontal size of the dialog */
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'full';
 
@@ -26,6 +23,9 @@ export type DialogProps = {
     /** Callback function triggered when the dialog is closed */
     onClose?: () => void;
 
+    /** Custom styles for the dialog container */
+    containerStyle?: StyleProp<ViewStyle>;
+
     /** Content to be displayed inside the dialog */
     children?: ReactNode;
 };
@@ -43,12 +43,13 @@ export type DialogBodyProps = {
 };
 
 export type DialogDescriptionProps = {
-    /** Font size for the dialog description text */
-    fs?: number;
 
     /** Variant of the typography to be applied to the text */
     textVariant?: TypographyVariant;
 
+    /** Font size for the dialog description text */
+    fs?: number;
+
     /** Style for the container wrapping the dialog description */
     containerStyle?: StyleProp<ViewStyle>;
 

package/src/types/menu.type.ts

@@ -1,5 +1,5 @@
-import type { ReactNode } from "react";
-import type { StyleProp, TextStyle, TouchableOpacityProps, ViewStyle } from "react-native";
+import type { JSX, ReactNode } from "react";
+import type { StyleProp, TextStyle, TouchableOpacityProps, View, ViewStyle } from "react-native";
 import type { TypographyVariant } from "./common.type";
 
 
@@ -52,6 +52,12 @@ export type MenuProps = {
      * Child components to be rendered inside the menu. 
      */
     children?: ReactNode;
+
+    /**  
+     * A ref to access the underlying View component.  
+     * This can be used for measuring layout, animations, or imperative interactions.  
+     */
+    ref?: React.RefObject<View | null>
 };
 
 

package/src/types/stack.type.ts

@@ -1,7 +1,8 @@
 import React from "react";
-import type { FlexStyle, StyleProp, View, ViewStyle } from "react-native";
+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. 
      */
@@ -31,15 +32,9 @@ export type HStackProps = 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 & {
+export type VStackProps = StyledViewProps & {
     /** 
      * Child components to be rendered inside the VStack. 
      */
@@ -59,10 +54,4 @@ export type VStackProps = ViewStyle & {
      * Custom styles for the container. 
      */
     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/userInput.type.ts

@@ -1,5 +1,6 @@
 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 & {
     /** 

package/src/index.tsx

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