@nexara/nativeflow 0.1.7 → 0.1.9

package/lib/typescript/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/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"}

package/lib/typescript/commonjs/src/types/styledComponents.type.d.ts

@@ -1,97 +1,50 @@
 import type { ColorValue, DimensionValue, StyleProp, TextProps, TextStyle, View, ViewProps, ViewStyle } from "react-native";
-import type { TypographyVariant } from "./common.type";
 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.
-     */
+    /** Flex value to control the flex growth, shrink, and basis of the view */
     f?: number;
-    /**
-     * Defines how children are aligned along the main axis.
-     */
+    /** How children are aligned along the main axis */
     justify?: ViewStyle['justifyContent'];
-    /**
-     * Defines how children are aligned along the cross axis.
-     */
+    /** How children are aligned along the cross axis */
     align?: ViewStyle['alignItems'];
-    /**
-     * Determines whether the children should wrap if they exceed the container size.
-     */
+    /** Whether children should wrap if they exceed the container size */
     fWrap?: ViewStyle['flexWrap'];
-    /**
-     * Background color of the view.
-     */
+    /** Background color of the view */
     bg?: string;
-    /**
-     * Whether the background color should be derived from the theme.
-     */
+    /** Whether the background color should be derived from the theme */
     themeBg?: boolean;
-    /**
-     * Height of the view, can be a number or a percentage string.
-     */
+    /** Height of the view (number = pixels, string = percentage) */
     h?: DimensionValue;
-    /**
-     * Width of the view, can be a number or a percentage string.
-     */
+    /** Width of the view (number = pixels, string = percentage) */
     w?: DimensionValue;
-    /**
-     * Child components to be rendered inside StyledView.
-     */
+    /** Child components to be rendered inside StyledView */
     children?: React.ReactNode;
-    /**
-     * Custom styles for the view component.
-     */
+    /** 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>;
+    /** Ref to access the underlying View component */
+    ref?: React.Ref<View>;
 };
 export type StyledTextProps = TextProps & TextStyle & {
-    /**
-     * Defines the typography variant for the text.
-     */
+    /** 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.
-     */
+    /** Text content to be rendered inside StyledText */
     children?: React.ReactNode;
-    /**
-     * Custom styles for the text component.
-     */
+    /** Custom styles for the Text component */
     style?: StyleProp<TextStyle>;
-    /**
-     * Font family for the text.
-     */
+    /** Font family for the text */
     ff?: string;
-    /**
-     * Font size of the text.
-     */
+    /** Font size of the text (overrides fScale if provided) */
     fs?: number;
-    /**
-     * Font weight of the text.
-     */
+    /** Font weight of the text */
     fw?: TextStyle['fontWeight'];
-    /**
-     * Whether the text should be automatically capitalized or adjusted based on the theme.
-     */
+    /** Text align center flag (true = center, false/undefined = auto) */
     tas?: boolean;
-    /**
-     * Color of the text. Accepts standard color values.
-     */
+    /** Color of the text (overrides variant and themeColor if provided) */
     color?: ColorValue;
-    /**
-     * Whether the text color should be derived from the theme.
-     */
+    /** Whether to derive text color from the theme */
     themeColor?: boolean;
-    /**
-     * Whether the text should use the primary theme color.
-     */
-    primary?: boolean;
-    /**
-     * Whether the text should use the secondary theme color.
-     */
-    secondary?: boolean;
 };
 //# sourceMappingURL=styledComponents.type.d.ts.map

package/lib/typescript/commonjs/src/types/styledComponents.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styledComponents.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/styledComponents.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC5H,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG;IAClD;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,CAAC;IAEX;;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,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,CAAC,CAAC,EAAE,cAAc,CAAC;IAEnB;;OAEG;IACH,CAAC,CAAC,EAAE,cAAc,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;;MAGE;IACF,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;CAC9B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG;IAClD;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,EAAE,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAE7B;;OAEG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}
+{"version":3,"file":"styledComponents.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/styledComponents.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC5H,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAExE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG;IAClD,2EAA2E;IAC3E,CAAC,CAAC,EAAE,MAAM,CAAC;IAEX,mDAAmD;IACnD,OAAO,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAEtC,oDAAoD;IACpD,KAAK,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAEhC,qEAAqE;IACrE,KAAK,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAE9B,mCAAmC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,gEAAgE;IAChE,CAAC,CAAC,EAAE,cAAc,CAAC;IAEnB,+DAA+D;IAC/D,CAAC,CAAC,EAAE,cAAc,CAAC;IAEnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,kDAAkD;IAClD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG;IAClD,gEAAgE;IAChE,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,yDAAyD;IACzD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,+BAA+B;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,2DAA2D;IAC3D,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,8BAA8B;IAC9B,EAAE,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAE7B,qEAAqE;IACrE,GAAG,CAAC,EAAE,OAAO,CAAC;IAEd,uEAAuE;IACvE,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC"}

package/lib/typescript/commonjs/src/types/surface.type.d.ts

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

package/lib/typescript/commonjs/src/types/surface.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"surface.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/surface.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG;IACzC,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,6CAA6C;IAC7C,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,mFAAmF;IACnF,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAElC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC"}

package/lib/typescript/commonjs/src/types/userInput.type.d.ts

@@ -1,6 +1,6 @@
-import type { StyleProp, TextInput, TextInputProps, TextStyle, ViewStyle } from "react-native";
-import type { TypographyVariant, UserInputVariant } from "./common.type";
-import type { JSX } from "react";
+import type { ReactNode } from "react";
+import type { StyleProp, TextInputProps, TextStyle, ViewStyle } from "react-native";
+import type { TypographyScale, UserInputVariant } from "./common.type";
 export type UserInputProps = TextInputProps & {
     /**
      * Defines the input style variant.
@@ -23,11 +23,12 @@ export type UserInputProps = TextInputProps & {
      * Defines typography styles for text elements.
      * - `label`: Typography variant for the label.
      * - `helperText`: Typography variant for the helper text.
+     * - `inputText`: Typography variant for the input text.
      */
-    textVariant?: {
-        label?: TypographyVariant;
-        helperText?: TypographyVariant;
-        inputText?: TypographyVariant;
+    textScale?: {
+        label?: TypographyScale;
+        helperText?: TypographyScale;
+        inputText?: TypographyScale;
     };
     /** Color of the text inside the input field. */
     inputTextColor?: string;
@@ -54,9 +55,9 @@ export type UserInputProps = TextInputProps & {
     /** If `true`, the input field allows multiple lines of text. */
     multiline?: boolean;
     /** Renders a custom left icon inside the input field. */
-    renderLeftIcon?: JSX.Element;
+    renderLeftIcon?: ReactNode;
     /** Renders a custom right icon inside the input field. */
-    renderRightIcon?: JSX.Element;
+    renderRightIcon?: ReactNode;
     /**
      * Custom styles for different parts of the component.
      * - `mainContainer`: Styles for the outermost wrapper.
@@ -72,10 +73,5 @@ 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>;
 };
 //# sourceMappingURL=userInput.type.d.ts.map