@nexara/nativeflow 0.1.7 → 0.1.8

package/lib/typescript/module/src/types/button.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/button.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC3F,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,qBAAqB,GAAG;IAC9C,yEAAyE;IACzE,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAExB,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,8BAA8B;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,kCAAkC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,iBAAiB;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,iBAAiB,CAAC;IAEjC,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,qDAAqD;IACrD,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAEzB,qBAAqB;IACrB,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE7B,sBAAsB;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE9B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,6CAA6C;IAC7C,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE5C,iCAAiC;IACjC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEjC,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC"}
+{"version":3,"file":"button.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/button.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC3F,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,qBAAqB,GAAG;IAC9C,yEAAyE;IACzE,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAExB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,6DAA6D;IAC7D,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,kCAAkC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mCAAmC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,qDAAqD;IACrD,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAEzB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE7B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE9B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,uCAAuC;IACvC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAElC,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC"}

package/lib/typescript/module/src/types/checkbox.type.d.ts

@@ -1,9 +1,12 @@
 import type { StyleProp, TextStyle, ViewStyle } from "react-native";
-import type { TypographyVariant } from "./common.type";
+import type { TypographyScale } from "./common.type";
+/**
+ * Props for the CheckBox component
+ */
 export type CheckBoxProps = {
-    /** Defines the shape of the checkbox: 'square' or 'round' */
+    /** Shape of the checkbox: 'square' or 'round' */
     variant?: 'square' | 'round';
-    /** Current checked state of the checkbox (controlled component) */
+    /** Current checked state (for controlled component) */
     isChecked?: boolean;
     /** Default checked state (for uncontrolled component) */
     defaultValue?: boolean;
@@ -13,29 +16,32 @@ export type CheckBoxProps = {
     inActiveBgColor?: string;
     /** Color of the checkmark icon */
     iconColor?: string;
-    /** If true, disables the built-in state management (for controlled usage) */
+    /** Disables built-in state handling (for controlled usage) */
     disableBuiltInState?: boolean;
     /** Disables the checkbox, preventing user interaction */
     disabled?: boolean;
     /** Text label displayed next to the checkbox */
-    text?: string;
-    /** Font size of the text label */
+    label?: string;
+    /** Typography scale for the label text (maps to your design system) */
+    fScale?: TypographyScale;
+    /** Font size of the label text (overrides fScale if provided) */
     fs?: number;
-    /** Typography variant for text styling */
-    textVariant?: TypographyVariant;
+    /** Font family for the label text */
+    ff?: string;
     /** Size of the checkbox (width & height) */
     size?: number;
     /** Size of the checkmark icon inside the checkbox */
     iconSize?: number;
-    /** Custom styles for the checkbox container */
+    /** Custom styles for the outer container of checkbox + label */
     containerStyle?: StyleProp<ViewStyle>;
     /** Custom styles for the checkbox itself */
     checkBoxStyle?: StyleProp<ViewStyle>;
-    /** Custom styles for the text label */
-    textStyle?: StyleProp<TextStyle>;
-    /** Callback function triggered when the checkbox is pressed
-     *  @param e - The new checked state (true/false)
+    /** Custom styles for the label text */
+    labelStyle?: StyleProp<TextStyle>;
+    /**
+     * Callback triggered when the checkbox is pressed.
+     * @param checked - The new checked state (true/false)
      */
-    onPress?: (e: boolean) => void;
+    onPress?: (checked: boolean) => void;
 };
 //# sourceMappingURL=checkbox.type.d.ts.map

package/lib/typescript/module/src/types/checkbox.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/checkbox.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG;IACxB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAE7B,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yDAAyD;IACzD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,iEAAiE;IACjE,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6EAA6E;IAC7E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,kCAAkC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,0CAA0C;IAC1C,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAEhC,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,4CAA4C;IAC5C,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAErC,uCAAuC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEjC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC,CAAC"}
+{"version":3,"file":"checkbox.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/checkbox.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IACxB,iDAAiD;IACjD,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAE7B,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yDAAyD;IACzD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,iEAAiE;IACjE,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8DAA8D;IAC9D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,uEAAuE;IACvE,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,iEAAiE;IACjE,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,gEAAgE;IAChE,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,4CAA4C;IAC5C,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAErC,uCAAuC;IACvC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAElC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC"}

package/lib/typescript/module/src/types/chip.type.d.ts

@@ -1,14 +1,22 @@
 import type { JSX } from "react";
-import type { PressableProps, StyleProp, TextStyle, ViewStyle } from "react-native";
-export type ChipProps = PressableProps & {
+import type { StyleProp, TextStyle, ViewStyle, TouchableOpacityProps } from "react-native";
+import type { TypographyScale } from "./common.type";
+/**
+ * Props for the Chip component
+ */
+export type ChipProps = TouchableOpacityProps & {
     /** Text displayed inside the chip */
-    title?: string;
+    label?: string;
     /** Background color of the chip */
     bg?: string;
-    /** Color of the text inside the chip */
-    titleColor?: string;
-    /** Font size of the title */
+    /** Color of the label text */
+    labelColor?: string;
+    /** Font size of the label text (overrides fScale if provided) */
     fs?: number;
+    /** Typography scale of the label text (e.g., xs, sm, md, lg, xl) */
+    fScale?: TypographyScale;
+    /** Font family for the label text */
+    ff?: string;
     /** Border radius of the chip */
     br?: number;
     /** Spacing between elements inside the chip */
@@ -19,21 +27,21 @@ export type ChipProps = PressableProps & {
     paddingH?: number;
     /** Border width of the chip */
     stroke?: number;
-    /** General color for the chip (could be used for text, border, or background) */
-    color?: string;
+    /** Border color of the chip */
+    strokeColor?: string;
     /** Ripple effect color when pressed */
     rippleColor?: string;
     /** Disables the chip, preventing interaction */
     disabled?: boolean;
-    /** Color of the chip's border */
-    strokeColor?: string;
-    /** Icon to render on the left side of the chip */
+    /** Indicates the chip is active (for styling purposes) */
+    active?: boolean;
+    /** Icon element to render on the left side of the chip */
     renderLeftIcon?: JSX.Element;
-    /** Icon to render on the right side of the chip */
+    /** Icon element to render on the right side of the chip */
     renderRightIcon?: JSX.Element;
     /** Custom styles for the chip container */
     containerStyle?: StyleProp<ViewStyle>;
-    /** Custom styles for the title text */
+    /** Custom styles for the label text */
     textStyle?: StyleProp<TextStyle>;
 };
 //# sourceMappingURL=chip.type.d.ts.map

package/lib/typescript/module/src/types/chip.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/chip.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpF,MAAM,MAAM,SAAS,GAAG,cAAc,GAAG;IAErC,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mCAAmC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,gCAAgC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,+CAA+C;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,kDAAkD;IAClD,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE7B,mDAAmD;IACnD,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE9B,2CAA2C;IAC3C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,uCAAuC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACpC,CAAC"}
+{"version":3,"file":"chip.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/chip.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,qBAAqB,GAAG;IAC5C,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mCAAmC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,iEAAiE;IACjE,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,oEAAoE;IACpE,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,gCAAgC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,+CAA+C;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,0DAA0D;IAC1D,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE7B,2DAA2D;IAC3D,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE9B,2CAA2C;IAC3C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,uCAAuC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACpC,CAAC"}

package/lib/typescript/module/src/types/common.type.d.ts

@@ -2,7 +2,8 @@ import type { typographySizeTypes } from "../constants/typographySizes";
 export type UserInputVariant = 'outlined' | 'standard';
 export type DialogVariant = 'classic' | 'default';
 export type ButtonVariant = 'outlined' | 'contained';
-export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7';
+export type TypographyScale = 'xxs' | 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
+export type TypographyVariant = keyof ThemeColorTypes['typography'];
 export type themeModeTypes = 'light' | 'dark';
 export type scalingModeTypes = 'full' | 'partial';
 export type dialogSizesTypes = {
@@ -12,33 +13,81 @@ export type dialogSizesTypes = {
     lg: number;
     full: number;
 };
+type ColorPalette = {
+    natural: {
+        0: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+};
 type ThemeColorTypes = {
-    primary: string;
-    secondary: string;
-    outline: string;
-    disable: string;
-    textPrimary: string;
-    textSecondary: string;
-    textTertiary: string;
-    textDisable: string;
-    cursorColor: string;
-    placeholderColor: string;
-    iconPrimary: string;
-    iconSecondary: string;
-    iconDisable: string;
-    dividerColor: string;
-    switchColor: string;
-    inputBgColor: string;
-    chipBgColor: string;
-    error: string;
+    palette: ColorPalette;
+    brand: {
+        primary: string;
+        onPrimary: string;
+        secondary: string;
+        onSecondary: string;
+        tertiary: string;
+        onTertiary: string;
+    };
+    semantic: {
+        success: string;
+        onSuccess: string;
+        warning: string;
+        onWarning: string;
+        danger: string;
+        onDanger: string;
+        info: string;
+        onInfo: string;
+    };
+    background: {
+        default: string;
+        surface: string;
+        elevated: string;
+        backdrop: string;
+    };
+    border: {
+        subtle: string;
+        default: string;
+        strong: string;
+        focus: string;
+    };
+    typography: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        disabled: string;
+        inverse: string;
+    };
+    states: {
+        hover: string;
+        pressed: string;
+        focus: string;
+        disabled: string;
+    };
+    elevation?: {
+        level0: string;
+        level1: string;
+        level2: string;
+        level3: string;
+        level4: string;
+    };
 };
 export type ThemeTypes = {
     isDark: boolean;
     colors: ThemeColorTypes;
-    typography: {
-        variantSizes: typographySizeTypes;
+    sizes: {
+        typography: typographySizeTypes;
+        dialog: dialogSizesTypes;
     };
-    dialogSizes: dialogSizesTypes;
 };
 export type Theme = {
     light: ThemeTypes;

package/lib/typescript/module/src/types/common.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/common.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAExE,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,UAAU,CAAC;AACvD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,WAAW,CAAC;AACrD,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/E,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,MAAM,CAAC;AAC9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,SAAS,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,eAAe,GAAG;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACjB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,eAAe,CAAC;IACxB,UAAU,EAAE;QACR,YAAY,EAAE,mBAAmB,CAAC;KACrC,CAAC;IACF,WAAW,EAAE,gBAAgB,CAAC;CACjC,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAChB,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,UAAU,CAAC;CACpB,CAAC"}
+{"version":3,"file":"common.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/common.type.ts"],"names":[],"mappings":"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"}

package/lib/typescript/module/src/types/dialog.type.d.ts

@@ -1,6 +1,7 @@
 import type { ReactNode } from "react";
 import type { StyleProp, TextStyle, ViewStyle } from "react-native";
-import type { DialogVariant, TypographyVariant } from "./common.type";
+import type { DialogVariant, TypographyScale } from "./common.type";
+import type { StyledTextProps, StyledViewProps } from "./styledComponents.type";
 export type DialogRefProps = {
     open: () => void;
     close: () => void;
@@ -29,11 +30,9 @@ export type DialogBodyProps = {
     /** Content to be rendered inside the dialog body */
     children?: ReactNode;
 };
-export type DialogDescriptionProps = {
+export type DialogDescriptionProps = StyledTextProps & {
     /** Variant of the typography to be applied to the text */
-    textVariant?: TypographyVariant;
-    /** Font size for the dialog description text */
-    fs?: number;
+    fScale?: TypographyScale;
     /** Style for the container wrapping the dialog description */
     containerStyle?: StyleProp<ViewStyle>;
     /** Style for the text inside the dialog description */
@@ -41,24 +40,26 @@ export type DialogDescriptionProps = {
     /** Content to be rendered inside the dialog description */
     children?: ReactNode;
 };
-export type DialogFootProps = {
+export type DialogFootProps = StyledViewProps & {
     /** Custom styles for the container wrapping the dialog footer */
     containerStyle?: StyleProp<ViewStyle>;
     /** Content to be rendered inside the dialog footer */
     children?: ReactNode;
 };
 export type DialogHeadProps = {
-    /** Title text to be displayed in the dialog header */
+    /** Title text to be displayed in the dialog header. If not provided, `children` will be rendered. */
     title?: string;
-    /** Typography variant for styling the title text */
-    textVariant?: TypographyVariant;
-    /** Font size of the title text */
+    /** Typography scale for the title text (e.g., xs, sm, md, lg, xl) */
+    fScale?: TypographyScale;
+    /** Font size of the title text (overrides fScale if provided) */
     fs?: number;
+    /** Font family for the title text */
+    ff?: string;
     /** Custom styles for the container wrapping the dialog header */
     containerStyle?: StyleProp<ViewStyle>;
     /** Custom styles for the title text */
-    textStyle?: StyleProp<TextStyle>;
+    titleStyle?: StyleProp<TextStyle>;
     /** Additional elements or components to be rendered inside the dialog header */
-    children?: React.ReactNode;
+    children?: ReactNode;
 };
 //# sourceMappingURL=dialog.type.d.ts.map

package/lib/typescript/module/src/types/dialog.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/dialog.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGtE,MAAM,MAAM,cAAc,GAAG;IACzB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB,CAAA;AACD,MAAM,MAAM,WAAW,GAAG;IACtB,uCAAuC;IACvC,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,gDAAgD;IAChD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAE1C,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,uCAAuC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAE1B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,kDAAkD;IAClD,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IAEjC,0DAA0D;IAC1D,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAEhC,gDAAgD;IAChD,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,8DAA8D;IAC9D,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,uDAAuD;IACvD,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEjC,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC1B,iEAAiE;IACjE,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC1B,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,oDAAoD;IACpD,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAEhC,kCAAkC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,iEAAiE;IACjE,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,uCAAuC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEjC,gFAAgF;IAChF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAAC"}
+{"version":3,"file":"dialog.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/dialog.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAGhF,MAAM,MAAM,cAAc,GAAG;IACzB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB,CAAA;AACD,MAAM,MAAM,WAAW,GAAG;IACtB,uCAAuC;IACvC,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,gDAAgD;IAChD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAE1C,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,uCAAuC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAE1B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,kDAAkD;IAClD,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,eAAe,GAAG;IAEnD,0DAA0D;IAC1D,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,uDAAuD;IACvD,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEjC,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG;IAC5C,iEAAiE;IACjE,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC1B,qGAAqG;IACrG,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,qEAAqE;IACrE,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,iEAAiE;IACjE,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,iEAAiE;IACjE,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,uCAAuC;IACvC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAElC,gFAAgF;IAChF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC"}

package/lib/typescript/module/src/types/divider.type.d.ts

@@ -0,0 +1,11 @@
+import type { StyleProp, ViewStyle } from "react-native";
+/** Props for the Divider component */
+export type DividerProps = {
+    /** Thickness of the divider line */
+    thickness?: number;
+    /** Custom styles to apply to the divider */
+    style?: StyleProp<ViewStyle>;
+    /** Color of the divider line; defaults to theme's subtle border color if not provided */
+    color?: string;
+};
+//# sourceMappingURL=divider.type.d.ts.map

package/lib/typescript/module/src/types/divider.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/divider.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEvD,sCAAsC;AAExC,MAAM,MAAM,YAAY,GAAG;IAEvB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,yFAAyF;IACzF,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAA"}

package/lib/typescript/module/src/types/grid.type.d.ts

@@ -1,5 +1,6 @@
 import type { StyleProp, ViewStyle } from "react-native";
-export type GridProps = ViewStyle & {
+import type { StyledViewProps } from "./styledComponents.type";
+export type GridProps = StyledViewProps & {
     /**
      * If true, the component will act as a grid container.
      * Similar to CSS flex/grid container.

package/lib/typescript/module/src/types/grid.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/grid.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;MAEE;IACF,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAAC"}
+{"version":3,"file":"grid.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/grid.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;MAEE;IACF,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAAC"}

package/lib/typescript/module/src/types/index.d.ts

@@ -11,4 +11,8 @@ export * from './styledComponents.type';
 export * from './switch.type';
 export * from './userInput.type';
 export * from './progress.type';
+export * from './surface.type';
+export * from './radio.type';
+export * from './divider.type';
+export * from './link.type';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA"}

package/lib/typescript/module/src/types/link.type.d.ts

@@ -0,0 +1,12 @@
+import type { TextStyle } from "react-native";
+import type { StyledTextProps } from "./styledComponents.type";
+/** Props for the Link component */
+export type LinkProps = StyledTextProps & {
+    /** The visible text of the link */
+    title: string;
+    /** The URL to be opened when the link is pressed */
+    href: string;
+    /** Optional custom styles for the text */
+    style?: TextStyle;
+};
+//# sourceMappingURL=link.type.d.ts.map

package/lib/typescript/module/src/types/link.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/link.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,mCAAmC;AAEnC,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACtC,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IAEd,oDAAoD;IACpD,IAAI,EAAE,MAAM,CAAC;IAEb,0CAA0C;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB,CAAA"}

package/lib/typescript/module/src/types/menu.type.d.ts

@@ -1,6 +1,5 @@
 import type { JSX, ReactNode } from "react";
-import type { StyleProp, TextStyle, TouchableOpacityProps, View, ViewStyle } from "react-native";
-import type { TypographyVariant } from "./common.type";
+import type { StyleProp, TouchableOpacityProps, View, ViewStyle } from "react-native";
 import type { StyledTextProps } from "./styledComponents.type";
 export type MenuProps = {
     /**
@@ -69,25 +68,13 @@ export type MenuItemProps = TouchableOpacityProps & {
     /**
      * Custom styles for the menu item container.
      */
-    style?: StyleProp<ViewStyle>;
+    itemStyle?: StyleProp<ViewStyle>;
     /**
      * Child components to be rendered inside the menu item.
      */
     children?: ReactNode;
 };
 export type MenuItemLabelProps = StyledTextProps & {
-    /**
-     * Font size of the label text.
-     */
-    fs?: number;
-    /**
-     * Typography variant for the label text.
-     */
-    textVariant?: TypographyVariant;
-    /**
-     * Custom styles for the text component.
-     */
-    style?: StyleProp<TextStyle>;
     /**
      * Text to be displayed inside the label.
      */

package/lib/typescript/module/src/types/menu.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/menu.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACjG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,MAAM,MAAM,SAAS,GAAG;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAErB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAE9C;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAA;CACrC,CAAC;AAGF,MAAM,MAAM,aAAa,GAAG,qBAAqB,GAAG;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,eAAe,GAAG;IAC/C;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAEhC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC"}
+{"version":3,"file":"menu.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/menu.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,qBAAqB,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACtF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,MAAM,MAAM,SAAS,GAAG;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAErB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAE9C;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAA;CACrC,CAAC;AAGF,MAAM,MAAM,aAAa,GAAG,qBAAqB,GAAG;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,eAAe,GAAG;IAC/C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC"}

package/lib/typescript/module/src/types/radio.type.d.ts

@@ -0,0 +1,61 @@
+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;
+};
+//# sourceMappingURL=radio.type.d.ts.map

package/lib/typescript/module/src/types/radio.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/radio.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAChF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG;IAC9C;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD,CAAC;AAGF;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,qBAAqB,GAAG;IACnD,+BAA+B;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IAEd,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,uCAAuC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,qCAAqC;IACrC,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,gCAAgC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,gDAAgD;IAChD,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B,CAAC"}

package/lib/typescript/module/src/types/stack.type.d.ts

@@ -2,10 +2,6 @@ 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 main axis.
-     */
-    justify?: FlexStyle['justifyContent'];
     /**
      * Defines the alignment of children along the cross axis.
      */
@@ -21,28 +17,24 @@ export type HStackProps = StyledViewProps & {
     /**
      * Custom styles for the container.
      */
-    style?: StyleProp<ViewStyle>;
+    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;
-    /**
-     * Defines the alignment of children along the cross axis.
-     */
-    align?: FlexStyle['alignItems'];
-    /**
-     * Space between child components.
-     */
-    gap?: number;
     /**
      * Custom styles for the container.
      */
-    style?: StyleProp<ViewStyle>;
+    containerStyle?: StyleProp<ViewStyle>;
 };
 //# sourceMappingURL=stack.type.d.ts.map

package/lib/typescript/module/src/types/stack.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stack.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/stack.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAEtC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAEhC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAE9B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAEhC;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC,CAAC"}
+{"version":3,"file":"stack.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/stack.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAEhC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAE9B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IACxC;;MAEE;IACF,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACzC,CAAC"}