@nexara/nativeflow 0.1.8 → 0.1.10

package/lib/typescript/commonjs/src/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAO,MAAM,OAAO,CAAC;AAMrC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAiK3B,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAO,MAAM,OAAO,CAAC;AAMrC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA4K3B,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/lib/typescript/commonjs/src/components/Button/utils.d.ts

@@ -1,11 +1,12 @@
 import type { ButtonVariant, ThemeTypes } from "../../types";
-declare const getButtonColors: ({ theme, variant, bg, titleColor, strokeColor, disabled }: {
+declare const getButtonColors: ({ theme, variant, bg, titleColor, strokeColor, disabled, loading }: {
     theme: ThemeTypes;
     variant: ButtonVariant;
     bg: string | undefined;
     titleColor: string | undefined;
     strokeColor: string | undefined;
     disabled: boolean;
+    loading: boolean;
 }) => {
     backgroundColor: string;
     buttonTextColor: string;

package/lib/typescript/commonjs/src/components/Button/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AA2F7D,QAAA,MAAM,eAAe,GAAI,2DAOtB;IACC,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,aAAa,CAAC;IACvB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;CACrB;;;;CAkCA,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAiG7D,QAAA,MAAM,eAAe,GAAI,oEAQtB;IACC,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,aAAa,CAAC;IACvB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CACpB;;;;CAqCA,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/lib/typescript/commonjs/src/components/UserInput/UserInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/UserInput/UserInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,QAAA,MAAM,SAAS;;;;;;;;aA8BmB,CAAC;kBAEpB,CAAC;iBACC,CAAC;;;;;;;;;;;;;;;;;qBAgCd,CAAJ;sBAC+B,CAAC;aAAsC,CAAC;aAEvD,CAAL;kBACiB,CAAC;;6CAwC3B,CAAC;AACH,eAAe,SAAS,CAAC;AACzB,YAAY,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"UserInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/UserInput/UserInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,QAAA,MAAM,SAAS;;;;;;;;aA8BuB,CAAC;kBAElB,CAAA;iBACC,CAAC;;;;;;;;;;;;;;;;;qBA6Bf,CAAP;sBAIa,CAAC;aAAqC,CAAC;aACzC,CAAJ;kBAEQ,CAAJ;;6CAwCV,CAAC;AACH,eAAe,SAAS,CAAC;AACzB,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/lib/typescript/commonjs/src/helpers/ResponsiveCalculations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveCalculations.d.ts","sourceRoot":"","sources":["../../../../../src/helpers/ResponsiveCalculations.ts"],"names":[],"mappings":"AAqDA,eAAO,MAAM,eAAe,GAAI,MAAM,MAAM,KAAG,MAG9C,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,KAAG,MAG5C,CAAA;AAkBD,eAAO,MAAM,kBAAkB,GAAI,UAAU,MAAM,KAAG,MAmBrD,CAAC"}
+{"version":3,"file":"ResponsiveCalculations.d.ts","sourceRoot":"","sources":["../../../../../src/helpers/ResponsiveCalculations.ts"],"names":[],"mappings":"AAwDA,eAAO,MAAM,eAAe,GAAI,MAAM,MAAM,KAAG,MAG9C,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,KAAG,MAG5C,CAAA;AAkBD,eAAO,MAAM,kBAAkB,GAAI,UAAU,MAAM,KAAG,MAmBrD,CAAC"}

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

@@ -45,6 +45,8 @@ export type ButtonProps = TouchableOpacityProps & {
     renderRightIcon?: JSX.Element;
     /** Disables the button when true */
     disabled?: boolean;
+    /** Shows loading state when true */
+    loading?: boolean;
     /** Custom styles for the button container */
     containerStyle?: StyleProp<ViewStyle>;
     /** Custom styles for the title text */

package/lib/typescript/commonjs/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,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"}
+{"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,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,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/commonjs/src/types/surface.type.d.ts

@@ -9,7 +9,7 @@ export type SurfaceProps = StyledViewProps & {
     /** Border radius of the surface container */
     br?: number;
     /** Style variant of the surface: 'elevated' adds shadow, 'outlined' adds border */
-    variant?: 'elevated' | 'outlined';
+    variant?: 'elevated' | 'outlined' | 'default';
     /** Child components to be rendered inside the surface */
     children?: ReactNode;
 };

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

@@ -1 +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"}
+{"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,GAAG,SAAS,CAAC;IAE9C,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC"}

package/lib/typescript/module/src/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAO,MAAM,OAAO,CAAC;AAMrC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAiK3B,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAO,MAAM,OAAO,CAAC;AAMrC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA4K3B,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/lib/typescript/module/src/components/Button/utils.d.ts

@@ -1,11 +1,12 @@
 import type { ButtonVariant, ThemeTypes } from "../../types";
-declare const getButtonColors: ({ theme, variant, bg, titleColor, strokeColor, disabled }: {
+declare const getButtonColors: ({ theme, variant, bg, titleColor, strokeColor, disabled, loading }: {
     theme: ThemeTypes;
     variant: ButtonVariant;
     bg: string | undefined;
     titleColor: string | undefined;
     strokeColor: string | undefined;
     disabled: boolean;
+    loading: boolean;
 }) => {
     backgroundColor: string;
     buttonTextColor: string;

package/lib/typescript/module/src/components/Button/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AA2F7D,QAAA,MAAM,eAAe,GAAI,2DAOtB;IACC,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,aAAa,CAAC;IACvB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;CACrB;;;;CAkCA,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAiG7D,QAAA,MAAM,eAAe,GAAI,oEAQtB;IACC,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,aAAa,CAAC;IACvB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CACpB;;;;CAqCA,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/lib/typescript/module/src/components/UserInput/UserInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/UserInput/UserInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,QAAA,MAAM,SAAS;;;;;;;;aA8BmB,CAAC;kBAEpB,CAAC;iBACC,CAAC;;;;;;;;;;;;;;;;;qBAgCd,CAAJ;sBAC+B,CAAC;aAAsC,CAAC;aAEvD,CAAL;kBACiB,CAAC;;6CAwC3B,CAAC;AACH,eAAe,SAAS,CAAC;AACzB,YAAY,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"UserInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/UserInput/UserInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,QAAA,MAAM,SAAS;;;;;;;;aA8BuB,CAAC;kBAElB,CAAA;iBACC,CAAC;;;;;;;;;;;;;;;;;qBA6Bf,CAAP;sBAIa,CAAC;aAAqC,CAAC;aACzC,CAAJ;kBAEQ,CAAJ;;6CAwCV,CAAC;AACH,eAAe,SAAS,CAAC;AACzB,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/lib/typescript/module/src/helpers/ResponsiveCalculations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveCalculations.d.ts","sourceRoot":"","sources":["../../../../../src/helpers/ResponsiveCalculations.ts"],"names":[],"mappings":"AAqDA,eAAO,MAAM,eAAe,GAAI,MAAM,MAAM,KAAG,MAG9C,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,KAAG,MAG5C,CAAA;AAkBD,eAAO,MAAM,kBAAkB,GAAI,UAAU,MAAM,KAAG,MAmBrD,CAAC"}
+{"version":3,"file":"ResponsiveCalculations.d.ts","sourceRoot":"","sources":["../../../../../src/helpers/ResponsiveCalculations.ts"],"names":[],"mappings":"AAwDA,eAAO,MAAM,eAAe,GAAI,MAAM,MAAM,KAAG,MAG9C,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,KAAG,MAG5C,CAAA;AAkBD,eAAO,MAAM,kBAAkB,GAAI,UAAU,MAAM,KAAG,MAmBrD,CAAC"}

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

@@ -45,6 +45,8 @@ export type ButtonProps = TouchableOpacityProps & {
     renderRightIcon?: JSX.Element;
     /** Disables the button when true */
     disabled?: boolean;
+    /** Shows loading state when true */
+    loading?: boolean;
     /** Custom styles for the button container */
     containerStyle?: StyleProp<ViewStyle>;
     /** Custom styles for the title text */

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,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"}
+{"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,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,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/surface.type.d.ts

@@ -9,7 +9,7 @@ export type SurfaceProps = StyledViewProps & {
     /** Border radius of the surface container */
     br?: number;
     /** Style variant of the surface: 'elevated' adds shadow, 'outlined' adds border */
-    variant?: 'elevated' | 'outlined';
+    variant?: 'elevated' | 'outlined' | 'default';
     /** Child components to be rendered inside the surface */
     children?: ReactNode;
 };

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

@@ -1 +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"}
+{"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,GAAG,SAAS,CAAC;IAE9C,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexara/nativeflow",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "Beautiful, responsive, and customizable UI components for React Native – built for performance and seamless experiences.",
   "source": "./src/index.ts",
   "main": "./lib/commonjs/index.js",
@@ -38,7 +38,7 @@
     "!**/.*"
   ],
   "scripts": {
-    "example": "yarn workspace @nexara/nativeflow-example",
+    "example": "yarn workspace @nexara/nativeflow-example start",
     "test": "jest",
     "typecheck": "tsc",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",

package/src/assets/svg/Check.tsx

@@ -1,17 +1,17 @@
-import { Path, Svg } from "react-native-svg";
-
-const Check = ({ size = 24, color = '#000' }) => {
-    return (<>
-        <Svg
-            height={size}
-            viewBox="0 -960 960 960"
-            width={size}
-            fill={color}
-        >
-            <Path  d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z" />
-        </Svg>
-
-    </>);
-}
-
+import { Path, Svg } from "react-native-svg";
+
+const Check = ({ size = 24, color = '#000' }) => {
+    return (<>
+        <Svg
+            height={size}
+            viewBox="0 -960 960 960"
+            width={size}
+            fill={color}
+        >
+            <Path  d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z" />
+        </Svg>
+
+    </>);
+}
+
 export default Check;

package/src/assets/svg/X.tsx

@@ -1,16 +1,16 @@
-import { Path, Svg } from "react-native-svg";
-
-const X = ({ size = 24, color = '#000' }) => {
-    return (
-        <Svg
-            height={size}
-            viewBox="0 -960 960 960"
-            width={size}
-            fill={color}
-        >
-            <Path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z" />
-        </Svg>
-    );
-}
-
+import { Path, Svg } from "react-native-svg";
+
+const X = ({ size = 24, color = '#000' }) => {
+    return (
+        <Svg
+            height={size}
+            viewBox="0 -960 960 960"
+            width={size}
+            fill={color}
+        >
+            <Path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z" />
+        </Svg>
+    );
+}
+
 export default X;

package/src/assets/svg/index.ts

@@ -1,2 +1,2 @@
-export { default as X } from './X';
+export { default as X } from './X';
 export { default as Check } from './Check';

package/src/components/Avatar/AvatarImage.tsx

@@ -1,34 +1,34 @@
-import { type FC } from "react";
-import { Image } from "react-native";
-import { StyledView } from "../StyledComponents";
-import { verticalScale } from "../../helpers/ResponsiveCalculations";
-import type { AvatarImageProps } from "../../types";
-
-
-const AvatarImage: FC<AvatarImageProps> = ({
-    size = 70,
-    source,
-    resizeMode = 'cover',
-    containerStyle,
-    imageStyle
-}) => {
-
-    return (<>
-        <StyledView
-            // alignSelf='flex-start'
-            height={verticalScale(size)}
-            width={verticalScale(size)}
-            borderRadius={verticalScale(size)}
-            overflow='hidden'
-            style={containerStyle}
-        >
-            <Image
-                source={source}
-                style={[{ height: '100%', width: '100%' }, imageStyle]}
-                resizeMode={resizeMode}
-            />
-        </StyledView>
-    </>)
-}
-export default AvatarImage;
+import { type FC } from "react";
+import { Image } from "react-native";
+import { StyledView } from "../StyledComponents";
+import { verticalScale } from "../../helpers/ResponsiveCalculations";
+import type { AvatarImageProps } from "../../types";
+
+
+const AvatarImage: FC<AvatarImageProps> = ({
+    size = 70,
+    source,
+    resizeMode = 'cover',
+    containerStyle,
+    imageStyle
+}) => {
+
+    return (<>
+        <StyledView
+            // alignSelf='flex-start'
+            height={verticalScale(size)}
+            width={verticalScale(size)}
+            borderRadius={verticalScale(size)}
+            overflow='hidden'
+            style={containerStyle}
+        >
+            <Image
+                source={source}
+                style={[{ height: '100%', width: '100%' }, imageStyle]}
+                resizeMode={resizeMode}
+            />
+        </StyledView>
+    </>)
+}
+export default AvatarImage;
 export type { AvatarImageProps };

package/src/components/Avatar/AvatarText.tsx

@@ -1,35 +1,35 @@
-import { type FC } from "react";
-import { StyledText, StyledView } from "../StyledComponents";
-import { verticalScale } from "../../helpers/ResponsiveCalculations";
-import { useTheme } from "../../hooks";
-import type { AvatarTextProps } from "../../types";
-
-
-const AvatarText: FC<AvatarTextProps> = ({
-    size = 70,
-    fs,
-    text = 'YH',
-    bg,
-    containerStyle,
-    textStyle,
-}) => {
-    text = text.slice(0, 2).toUpperCase();
-    const theme: any = useTheme();
-
-    return (<>
-        <StyledView
-            bg={bg ?? theme.colors.brand.primary}
-            // alignSelf='flex-start'
-            h={verticalScale(size)}
-            w={verticalScale(size)}
-            align='center'
-            justify='center'
-            borderRadius={verticalScale(size)}
-            style={containerStyle}
-        >
-            <StyledText color={theme.colors.brand.onPrimary} fw='bold' fs={fs ?? (size / 3)} style={textStyle}>{text}</StyledText>
-        </StyledView>
-    </>)
-}
-export default AvatarText;
+import { type FC } from "react";
+import { StyledText, StyledView } from "../StyledComponents";
+import { verticalScale } from "../../helpers/ResponsiveCalculations";
+import { useTheme } from "../../hooks";
+import type { AvatarTextProps } from "../../types";
+
+
+const AvatarText: FC<AvatarTextProps> = ({
+    size = 70,
+    fs,
+    text = 'YH',
+    bg,
+    containerStyle,
+    textStyle,
+}) => {
+    text = text.slice(0, 2).toUpperCase();
+    const theme: any = useTheme();
+
+    return (<>
+        <StyledView
+            bg={bg ?? theme.colors.brand.primary}
+            // alignSelf='flex-start'
+            h={verticalScale(size)}
+            w={verticalScale(size)}
+            align='center'
+            justify='center'
+            borderRadius={verticalScale(size)}
+            style={containerStyle}
+        >
+            <StyledText color={theme.colors.brand.onPrimary} fw='bold' fs={fs ?? (size / 3)} style={textStyle}>{text}</StyledText>
+        </StyledView>
+    </>)
+}
+export default AvatarText;
 export type { AvatarTextProps };

package/src/components/Avatar/index.ts

@@ -1,9 +1,9 @@
-import AvatarImage from "./AvatarImage";
-import AvatarText from "./AvatarText";
-const Avatar = {
-    Image: AvatarImage,
-    Text: AvatarText
-};
-export type { AvatarImageProps } from './AvatarImage';
-export type { AvatarTextProps } from './AvatarText';
+import AvatarImage from "./AvatarImage";
+import AvatarText from "./AvatarText";
+const Avatar = {
+    Image: AvatarImage,
+    Text: AvatarText
+};
+export type { AvatarImageProps } from './AvatarImage';
+export type { AvatarTextProps } from './AvatarText';
 export default Avatar;