@nexara/nativeflow 0.1.8 → 0.1.10

package/src/types/radio.type.ts

@@ -1,78 +1,78 @@
-import type { ReactNode } from "react";
-import type { StyledTextProps, StyledViewProps } from "./styledComponents.type";
-import type { TouchableOpacityProps } from "react-native";
-import type { TypographyScale } from "./common.type";
-
-/**
- * Props for the RadioGroup component
- */
-export type RadioGroupProps = StyledViewProps & {
-  /**
-   * Unique name for the radio group (useful for forms or multiple groups)
-   */
-  name?: string;
-
-  /**
-   * Default selected value (for uncontrolled usage)
-   */
-  defaultValue?: string;
-
-  /**
-   * Current selected value (for controlled usage)
-   */
-  value?: string;
-
-  /**
-   * Children must be Radio components
-   */
-  children: ReactNode;
-
-  /**
-   * Callback when a radio option is selected
-   * @param name - Group name
-   * @param value - Selected value
-   */
-  onSelect?: (name: string, value: string) => void;
-};
-
-
-/**
- * Props for the RadioItem component
- */
-export type RadioItemProps = TouchableOpacityProps & {
-  /** Size of the radio circle */
-  size?: number;
-
-  /** Border stroke width of the outer circle */
-  stroke?: number;
-
-  /** Custom color for the radio item (defaults to theme color) */
-  color?: string;
-
-  /** Whether this item is selected */
-  active?: boolean;
-
-  /** Unique name of the radio item (used in groups) */
-  name?: string;
-
-  /** Value associated with this radio item */
-  value: string;
-
-  /** If true, the radio item is disabled */
-  disabled?: boolean;
-
-  /** Optional label text displayed beside the radio item */
-  label?: string;
-
-  /** Font size override for the label */
-  fs?: number;
-
-  /** Typography scale for the label */
-  fScale?: TypographyScale;
-
-  /** Font family for the label */
-  ff?: string;
-
-  /** Additional style props for the label text */
-  labelStyle?: StyledTextProps;
-};
+import type { ReactNode } from "react";
+import type { StyledTextProps, StyledViewProps } from "./styledComponents.type";
+import type { TouchableOpacityProps } from "react-native";
+import type { TypographyScale } from "./common.type";
+
+/**
+ * Props for the RadioGroup component
+ */
+export type RadioGroupProps = StyledViewProps & {
+  /**
+   * Unique name for the radio group (useful for forms or multiple groups)
+   */
+  name?: string;
+
+  /**
+   * Default selected value (for uncontrolled usage)
+   */
+  defaultValue?: string;
+
+  /**
+   * Current selected value (for controlled usage)
+   */
+  value?: string;
+
+  /**
+   * Children must be Radio components
+   */
+  children: ReactNode;
+
+  /**
+   * Callback when a radio option is selected
+   * @param name - Group name
+   * @param value - Selected value
+   */
+  onSelect?: (name: string, value: string) => void;
+};
+
+
+/**
+ * Props for the RadioItem component
+ */
+export type RadioItemProps = TouchableOpacityProps & {
+  /** Size of the radio circle */
+  size?: number;
+
+  /** Border stroke width of the outer circle */
+  stroke?: number;
+
+  /** Custom color for the radio item (defaults to theme color) */
+  color?: string;
+
+  /** Whether this item is selected */
+  active?: boolean;
+
+  /** Unique name of the radio item (used in groups) */
+  name?: string;
+
+  /** Value associated with this radio item */
+  value: string;
+
+  /** If true, the radio item is disabled */
+  disabled?: boolean;
+
+  /** Optional label text displayed beside the radio item */
+  label?: string;
+
+  /** Font size override for the label */
+  fs?: number;
+
+  /** Typography scale for the label */
+  fScale?: TypographyScale;
+
+  /** Font family for the label */
+  ff?: string;
+
+  /** Additional style props for the label text */
+  labelStyle?: StyledTextProps;
+};

package/src/types/stack.type.ts

@@ -1,47 +1,47 @@
-import React from "react";
-import type { FlexStyle, StyleProp, ViewStyle } from "react-native";
-import type { StyledViewProps } from "./styledComponents.type";
-
-export type HStackProps = StyledViewProps & {
-    /** 
-     * Defines the alignment of children along the cross axis. 
-     */
-    align?: FlexStyle['alignItems'];
-
-    /** 
-     * Determines whether the items should wrap onto multiple lines. 
-     */
-    fWrap?: FlexStyle['flexWrap'];
-
-    /** 
-     * Space between child components. 
-     */
-    gap?: number;
-
-    /** 
-     * Custom styles for the container. 
-     */
-    containerStyle?: StyleProp<ViewStyle>;
-
-    /** 
-     * Child components to be rendered inside the HStack. 
-     */
-    children?: React.ReactNode;
-};
-
-export type VStackProps = StyledViewProps & {
-    /** 
-    * Space between child components. 
-    */
-    gap?: number;
-
-    /** 
-     * Child components to be rendered inside the VStack. 
-     */
-    children?: React.ReactNode;
-
-    /** 
-     * Custom styles for the container. 
-     */
-    containerStyle?: StyleProp<ViewStyle>;
+import React from "react";
+import type { FlexStyle, StyleProp, ViewStyle } from "react-native";
+import type { StyledViewProps } from "./styledComponents.type";
+
+export type HStackProps = StyledViewProps & {
+    /** 
+     * Defines the alignment of children along the cross axis. 
+     */
+    align?: FlexStyle['alignItems'];
+
+    /** 
+     * Determines whether the items should wrap onto multiple lines. 
+     */
+    fWrap?: FlexStyle['flexWrap'];
+
+    /** 
+     * Space between child components. 
+     */
+    gap?: number;
+
+    /** 
+     * Custom styles for the container. 
+     */
+    containerStyle?: StyleProp<ViewStyle>;
+
+    /** 
+     * Child components to be rendered inside the HStack. 
+     */
+    children?: React.ReactNode;
+};
+
+export type VStackProps = StyledViewProps & {
+    /** 
+    * Space between child components. 
+    */
+    gap?: number;
+
+    /** 
+     * Child components to be rendered inside the VStack. 
+     */
+    children?: React.ReactNode;
+
+    /** 
+     * Custom styles for the container. 
+     */
+    containerStyle?: StyleProp<ViewStyle>;
 };

package/src/types/styledComponents.type.ts

@@ -1,70 +1,70 @@
-import type { ColorValue, DimensionValue, StyleProp, TextProps, TextStyle, View, ViewProps, ViewStyle } from "react-native";
-import React from "react";
-import type { TypographyScale, TypographyVariant } from "./common.type";
-
-export type StyledViewProps = ViewStyle & ViewProps & {
-    /** Flex value to control the flex growth, shrink, and basis of the view */
-    f?: number;
-
-    /** How children are aligned along the main axis */
-    justify?: ViewStyle['justifyContent'];
-
-    /** How children are aligned along the cross axis */
-    align?: ViewStyle['alignItems'];
-
-    /** Whether children should wrap if they exceed the container size */
-    fWrap?: ViewStyle['flexWrap'];
-
-    /** Background color of the view */
-    bg?: string;
-
-    /** Whether the background color should be derived from the theme */
-    themeBg?: boolean;
-
-    /** Height of the view (number = pixels, string = percentage) */
-    h?: DimensionValue;
-
-    /** Width of the view (number = pixels, string = percentage) */
-    w?: DimensionValue;
-
-    /** Child components to be rendered inside StyledView */
-    children?: React.ReactNode;
-
-    /** Custom styles for the view component */
-    style?: StyleProp<ViewStyle>;
-
-    /** Ref to access the underlying View component */
-    ref?: React.Ref<View>;
-};
-
-export type StyledTextProps = TextProps & TextStyle & {
-    /** Typography scale for font size (e.g., xs, sm, md, lg, xl) */
-    fScale?: TypographyScale;
-
-    /** Typography variant to determine default text color */
-    variant?: TypographyVariant;
-
-    /** Text content to be rendered inside StyledText */
-    children?: React.ReactNode;
-
-    /** Custom styles for the Text component */
-    style?: StyleProp<TextStyle>;
-
-    /** Font family for the text */
-    ff?: string;
-
-    /** Font size of the text (overrides fScale if provided) */
-    fs?: number;
-
-    /** Font weight of the text */
-    fw?: TextStyle['fontWeight'];
-
-    /** Text align center flag (true = center, false/undefined = auto) */
-    tas?: boolean;
-
-    /** Color of the text (overrides variant and themeColor if provided) */
-    color?: ColorValue;
-
-    /** Whether to derive text color from the theme */
-    themeColor?: boolean;
-};
+import type { ColorValue, DimensionValue, StyleProp, TextProps, TextStyle, View, ViewProps, ViewStyle } from "react-native";
+import React from "react";
+import type { TypographyScale, TypographyVariant } from "./common.type";
+
+export type StyledViewProps = ViewStyle & ViewProps & {
+    /** Flex value to control the flex growth, shrink, and basis of the view */
+    f?: number;
+
+    /** How children are aligned along the main axis */
+    justify?: ViewStyle['justifyContent'];
+
+    /** How children are aligned along the cross axis */
+    align?: ViewStyle['alignItems'];
+
+    /** Whether children should wrap if they exceed the container size */
+    fWrap?: ViewStyle['flexWrap'];
+
+    /** Background color of the view */
+    bg?: string;
+
+    /** Whether the background color should be derived from the theme */
+    themeBg?: boolean;
+
+    /** Height of the view (number = pixels, string = percentage) */
+    h?: DimensionValue;
+
+    /** Width of the view (number = pixels, string = percentage) */
+    w?: DimensionValue;
+
+    /** Child components to be rendered inside StyledView */
+    children?: React.ReactNode;
+
+    /** Custom styles for the view component */
+    style?: StyleProp<ViewStyle>;
+
+    /** Ref to access the underlying View component */
+    ref?: React.Ref<View>;
+};
+
+export type StyledTextProps = TextProps & TextStyle & {
+    /** Typography scale for font size (e.g., xs, sm, md, lg, xl) */
+    fScale?: TypographyScale;
+
+    /** Typography variant to determine default text color */
+    variant?: TypographyVariant;
+
+    /** Text content to be rendered inside StyledText */
+    children?: React.ReactNode;
+
+    /** Custom styles for the Text component */
+    style?: StyleProp<TextStyle>;
+
+    /** Font family for the text */
+    ff?: string;
+
+    /** Font size of the text (overrides fScale if provided) */
+    fs?: number;
+
+    /** Font weight of the text */
+    fw?: TextStyle['fontWeight'];
+
+    /** Text align center flag (true = center, false/undefined = auto) */
+    tas?: boolean;
+
+    /** Color of the text (overrides variant and themeColor if provided) */
+    color?: ColorValue;
+
+    /** Whether to derive text color from the theme */
+    themeColor?: boolean;
+};

package/src/types/surface.type.ts

@@ -1,19 +1,19 @@
-import type { ReactNode } from "react";
-import type { StyledViewProps } from "./styledComponents.type";
-
-/**
- * Props for the Surface component
- */
-export type SurfaceProps = StyledViewProps & {
-    /** Padding inside the surface container (applied uniformly) */
-    padding?: number;
-
-    /** Border radius of the surface container */
-    br?: number;
-
-    /** Style variant of the surface: 'elevated' adds shadow, 'outlined' adds border */
-    variant?: 'elevated' | 'outlined';
-
-    /** Child components to be rendered inside the surface */
-    children?: ReactNode;
-};
+import type { ReactNode } from "react";
+import type { StyledViewProps } from "./styledComponents.type";
+
+/**
+ * Props for the Surface component
+ */
+export type SurfaceProps = StyledViewProps & {
+    /** Padding inside the surface container (applied uniformly) */
+    padding?: number;
+
+    /** Border radius of the surface container */
+    br?: number;
+
+    /** Style variant of the surface: 'elevated' adds shadow, 'outlined' adds border */
+    variant?: 'elevated' | 'outlined' | 'default';
+
+    /** Child components to be rendered inside the surface */
+    children?: ReactNode;
+};

package/src/types/switch.type.ts

@@ -1,39 +1,39 @@
-import type { SwitchProps as NativeSwitchProps } from "react-native";
-
-export type SwitchProps = NativeSwitchProps & {
-    /** 
-     * Determines whether the switch is turned on or off.
-     */
-    checked?: boolean;
-
-    /** 
-     * The color of the switch thumb.
-     */
-    color?: string;
-
-    /** 
-     * If true, the switch will be disabled and not interactable.
-     */
-    disabled?: boolean;
-
-    /** 
-     * The size of the switch thumb and track.
-     */
-    size?: number;
-
-    /** 
-     * The color of the track when the switch is in the "on" position.
-     */
-    activeTrackColor?: string;
-
-    /** 
-     * The color of the track when the switch is in the "off" position.
-     */
-    inactiveTrackColor?: string;
-
-    /** 
-     * Callback function triggered when the switch state changes.
-     * @param newValue - The updated boolean value of the switch.
-     */
-    onChange?: (newValue: boolean) => void;
-};
+import type { SwitchProps as NativeSwitchProps } from "react-native";
+
+export type SwitchProps = NativeSwitchProps & {
+    /** 
+     * Determines whether the switch is turned on or off.
+     */
+    checked?: boolean;
+
+    /** 
+     * The color of the switch thumb.
+     */
+    color?: string;
+
+    /** 
+     * If true, the switch will be disabled and not interactable.
+     */
+    disabled?: boolean;
+
+    /** 
+     * The size of the switch thumb and track.
+     */
+    size?: number;
+
+    /** 
+     * The color of the track when the switch is in the "on" position.
+     */
+    activeTrackColor?: string;
+
+    /** 
+     * The color of the track when the switch is in the "off" position.
+     */
+    inactiveTrackColor?: string;
+
+    /** 
+     * Callback function triggered when the switch state changes.
+     * @param newValue - The updated boolean value of the switch.
+     */
+    onChange?: (newValue: boolean) => void;
+};