react-native-atomic-ui 1.0.0

package/dist/components/inputs/Button.js

@@ -0,0 +1,105 @@
+import React from 'react';
+import { TouchableOpacity, View, StyleSheet, ActivityIndicator, } from 'react-native';
+import { useTheme } from '@theme/index';
+import { Text } from '../typography/Text';
+/**
+ * Button component with multiple variants and sizes
+ */
+export function Button({ label, onPress, variant = 'primary', size = 'medium', disabled = false, loading = false, icon, style, testID, }) {
+    const { theme } = useTheme();
+    // Get variant colors
+    const getVariantStyle = () => {
+        switch (variant) {
+            case 'primary':
+                return {
+                    backgroundColor: theme.colors.primary,
+                    borderColor: theme.colors.primary,
+                };
+            case 'secondary':
+                return {
+                    backgroundColor: theme.colors.secondary,
+                    borderColor: theme.colors.secondary,
+                };
+            case 'danger':
+                return {
+                    backgroundColor: theme.colors.error,
+                    borderColor: theme.colors.error,
+                };
+            case 'ghost':
+                return {
+                    backgroundColor: 'transparent',
+                    borderColor: theme.colors.primary,
+                    borderWidth: 1,
+                };
+            default:
+                return {
+                    backgroundColor: theme.colors.primary,
+                    borderColor: theme.colors.primary,
+                };
+        }
+    };
+    // Get size dimensions
+    const getSizeStyle = () => {
+        switch (size) {
+            case 'small':
+                return {
+                    paddingHorizontal: theme.spacing.md,
+                    paddingVertical: theme.spacing.sm,
+                    minHeight: 32,
+                };
+            case 'large':
+                return {
+                    paddingHorizontal: theme.spacing.lg,
+                    paddingVertical: theme.spacing.md,
+                    minHeight: 56,
+                };
+            case 'medium':
+            default:
+                return {
+                    paddingHorizontal: theme.spacing.lg,
+                    paddingVertical: theme.spacing.md,
+                    minHeight: 48,
+                };
+        }
+    };
+    const buttonStyle = [
+        styles.button,
+        {
+            ...getVariantStyle(),
+            ...getSizeStyle(),
+            borderRadius: theme.borderRadius.md,
+            opacity: disabled || loading ? 0.5 : 1,
+        },
+        style,
+    ];
+    const textColor = variant === 'ghost' ? theme.colors.primary : theme.colors.white;
+    return (<TouchableOpacity style={buttonStyle} onPress={onPress} disabled={disabled || loading} testID={testID}>
+      <View style={styles.content}>
+        {loading ? (<ActivityIndicator color={textColor} size={size === 'small' ? 'small' : 'large'}/>) : (<>
+            {icon && <View style={styles.icon}>{icon}</View>}
+            <Text variant={size === 'small' ? 'body3' : 'body1'} color={textColor} style={styles.label}>
+              {label}
+            </Text>
+          </>)}
+      </View>
+    </TouchableOpacity>);
+}
+const styles = StyleSheet.create({
+    button: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        flexDirection: 'row',
+    },
+    content: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    icon: {
+        marginRight: 8,
+    },
+    label: {
+        fontWeight: '600',
+    },
+});
+//# sourceMappingURL=Button.js.map

package/dist/components/inputs/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/inputs/Button.tsx"],"names":[],"mappings":"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"}

package/dist/components/layouts/Box.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { BoxProps } from '../../types/index';
+/**
+ * Box - Base layout component with flexbox support
+ * Serves as the foundation for building custom layouts
+ */
+export declare function Box({ children, padding, paddingHorizontal, paddingVertical, margin, marginHorizontal, marginVertical, gap, backgroundColor, borderRadius, style, testID, }: BoxProps): React.JSX.Element;
+/**
+ * Row - Horizontal flex container
+ * Equivalent to flexDirection: 'row'
+ */
+export declare function Row({ children, padding, paddingHorizontal, paddingVertical, margin, marginHorizontal, marginVertical, gap, backgroundColor, borderRadius, style, testID, }: BoxProps): React.JSX.Element;
+/**
+ * Column - Vertical flex container
+ * Equivalent to flexDirection: 'column'
+ */
+export declare function Column({ children, padding, paddingHorizontal, paddingVertical, margin, marginHorizontal, marginVertical, gap, backgroundColor, borderRadius, style, testID, }: BoxProps): React.JSX.Element;
+//# sourceMappingURL=Box.d.ts.map

package/dist/components/layouts/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/layouts/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD;;;GAGG;AACH,wBAAgB,GAAG,CAAC,EAClB,QAAQ,EACR,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,GAAG,EACH,eAAe,EACf,YAAY,EACZ,KAAK,EACL,MAAM,GACP,EAAE,QAAQ,qBAqBV;AAED;;;GAGG;AACH,wBAAgB,GAAG,CAAC,EAClB,QAAQ,EACR,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,GAAG,EACH,eAAe,EACf,YAAY,EACZ,KAAK,EACL,MAAM,GACP,EAAE,QAAQ,qBAsBV;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,GAAG,EACH,eAAe,EACf,YAAY,EACZ,KAAK,EACL,MAAM,GACP,EAAE,QAAQ,qBAsBV"}

package/dist/components/layouts/Box.js

@@ -0,0 +1,72 @@
+import React from 'react';
+import { View } from 'react-native';
+import { useTheme } from '@theme/index';
+/**
+ * Box - Base layout component with flexbox support
+ * Serves as the foundation for building custom layouts
+ */
+export function Box({ children, padding, paddingHorizontal, paddingVertical, margin, marginHorizontal, marginVertical, gap, backgroundColor, borderRadius, style, testID, }) {
+    const { theme } = useTheme();
+    const boxStyle = [
+        padding && { padding: theme.spacing[padding] },
+        paddingHorizontal && { paddingHorizontal: theme.spacing[paddingHorizontal] },
+        paddingVertical && { paddingVertical: theme.spacing[paddingVertical] },
+        margin && { margin: theme.spacing[margin] },
+        marginHorizontal && { marginHorizontal: theme.spacing[marginHorizontal] },
+        marginVertical && { marginVertical: theme.spacing[marginVertical] },
+        gap && { gap: theme.spacing[gap] },
+        backgroundColor && { backgroundColor },
+        borderRadius && { borderRadius: theme.borderRadius[borderRadius] },
+        style,
+    ];
+    return (<View style={boxStyle} testID={testID}>
+      {children}
+    </View>);
+}
+/**
+ * Row - Horizontal flex container
+ * Equivalent to flexDirection: 'row'
+ */
+export function Row({ children, padding, paddingHorizontal, paddingVertical, margin, marginHorizontal, marginVertical, gap, backgroundColor, borderRadius, style, testID, }) {
+    const { theme } = useTheme();
+    const rowStyle = [
+        { flexDirection: 'row', alignItems: 'center' },
+        padding && { padding: theme.spacing[padding] },
+        paddingHorizontal && { paddingHorizontal: theme.spacing[paddingHorizontal] },
+        paddingVertical && { paddingVertical: theme.spacing[paddingVertical] },
+        margin && { margin: theme.spacing[margin] },
+        marginHorizontal && { marginHorizontal: theme.spacing[marginHorizontal] },
+        marginVertical && { marginVertical: theme.spacing[marginVertical] },
+        gap && { gap: theme.spacing[gap] },
+        backgroundColor && { backgroundColor },
+        borderRadius && { borderRadius: theme.borderRadius[borderRadius] },
+        style,
+    ];
+    return (<View style={rowStyle} testID={testID}>
+      {children}
+    </View>);
+}
+/**
+ * Column - Vertical flex container
+ * Equivalent to flexDirection: 'column'
+ */
+export function Column({ children, padding, paddingHorizontal, paddingVertical, margin, marginHorizontal, marginVertical, gap, backgroundColor, borderRadius, style, testID, }) {
+    const { theme } = useTheme();
+    const columnStyle = [
+        { flexDirection: 'column' },
+        padding && { padding: theme.spacing[padding] },
+        paddingHorizontal && { paddingHorizontal: theme.spacing[paddingHorizontal] },
+        paddingVertical && { paddingVertical: theme.spacing[paddingVertical] },
+        margin && { margin: theme.spacing[margin] },
+        marginHorizontal && { marginHorizontal: theme.spacing[marginHorizontal] },
+        marginVertical && { marginVertical: theme.spacing[marginVertical] },
+        gap && { gap: theme.spacing[gap] },
+        backgroundColor && { backgroundColor },
+        borderRadius && { borderRadius: theme.borderRadius[borderRadius] },
+        style,
+    ];
+    return (<View style={columnStyle} testID={testID}>
+      {children}
+    </View>);
+}
+//# sourceMappingURL=Box.js.map

package/dist/components/layouts/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/components/layouts/Box.tsx"],"names":[],"mappings":"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"}

package/dist/components/typography/Text.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { TextProps } from '../../types/index';
+/**
+ * Base Text component with theme support
+ */
+export declare function Text({ children, variant, color, textAlign, style, testID, }: TextProps): React.JSX.Element;
+/**
+ * Typography components - Convenience components for common sizes
+ */
+export declare function H1(props: TextProps): React.JSX.Element;
+export declare function H2(props: TextProps): React.JSX.Element;
+export declare function H3(props: TextProps): React.JSX.Element;
+export declare function H4(props: TextProps): React.JSX.Element;
+export declare function H5(props: TextProps): React.JSX.Element;
+export declare function H6(props: TextProps): React.JSX.Element;
+export declare function Body1(props: TextProps): React.JSX.Element;
+export declare function Body2(props: TextProps): React.JSX.Element;
+export declare function Body3(props: TextProps): React.JSX.Element;
+export declare function Body4(props: TextProps): React.JSX.Element;
+export declare function Body5(props: TextProps): React.JSX.Element;
+export declare function Body6(props: TextProps): React.JSX.Element;
+export declare function SubTitle1(props: TextProps): React.JSX.Element;
+export declare function SubTitle2(props: TextProps): React.JSX.Element;
+export declare function Caption(props: TextProps): React.JSX.Element;
+export declare function Overline(props: TextProps): React.JSX.Element;
+//# sourceMappingURL=Text.d.ts.map

package/dist/components/typography/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/typography/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD;;GAEG;AACH,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,OAAiB,EACjB,KAAK,EACL,SAAS,EACT,KAAK,EACL,MAAM,GACP,EAAE,SAAS,qBAeX;AAED;;GAEG;AAEH,wBAAgB,EAAE,CAAC,KAAK,EAAE,SAAS,qBAElC;AAED,wBAAgB,EAAE,CAAC,KAAK,EAAE,SAAS,qBAElC;AAED,wBAAgB,EAAE,CAAC,KAAK,EAAE,SAAS,qBAElC;AAED,wBAAgB,EAAE,CAAC,KAAK,EAAE,SAAS,qBAElC;AAED,wBAAgB,EAAE,CAAC,KAAK,EAAE,SAAS,qBAElC;AAED,wBAAgB,EAAE,CAAC,KAAK,EAAE,SAAS,qBAElC;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,qBAErC;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,qBAErC;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,qBAErC;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,qBAErC;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,qBAErC;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,qBAErC;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,qBAEzC;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,qBAEzC;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,SAAS,qBAEvC;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,qBAExC"}

package/dist/components/typography/Text.js

@@ -0,0 +1,70 @@
+import React from 'react';
+import { Text as RNText } from 'react-native';
+import { useTheme } from '@theme/index';
+/**
+ * Base Text component with theme support
+ */
+export function Text({ children, variant = 'body1', color, textAlign, style, testID, }) {
+    const { theme } = useTheme();
+    const textStyle = [
+        theme.typography[variant],
+        { color: color || theme.colors.text },
+        textAlign && { textAlign },
+        style,
+    ];
+    return (<RNText style={textStyle} testID={testID}>
+      {children}
+    </RNText>);
+}
+/**
+ * Typography components - Convenience components for common sizes
+ */
+export function H1(props) {
+    return <Text {...props} variant="h1"/>;
+}
+export function H2(props) {
+    return <Text {...props} variant="h2"/>;
+}
+export function H3(props) {
+    return <Text {...props} variant="h3"/>;
+}
+export function H4(props) {
+    return <Text {...props} variant="h4"/>;
+}
+export function H5(props) {
+    return <Text {...props} variant="h5"/>;
+}
+export function H6(props) {
+    return <Text {...props} variant="h6"/>;
+}
+export function Body1(props) {
+    return <Text {...props} variant="body1"/>;
+}
+export function Body2(props) {
+    return <Text {...props} variant="body2"/>;
+}
+export function Body3(props) {
+    return <Text {...props} variant="body3"/>;
+}
+export function Body4(props) {
+    return <Text {...props} variant="body4"/>;
+}
+export function Body5(props) {
+    return <Text {...props} variant="body5"/>;
+}
+export function Body6(props) {
+    return <Text {...props} variant="body6"/>;
+}
+export function SubTitle1(props) {
+    return <Text {...props} variant="subtitle1"/>;
+}
+export function SubTitle2(props) {
+    return <Text {...props} variant="subtitle2"/>;
+}
+export function Caption(props) {
+    return <Text {...props} variant="caption"/>;
+}
+export function Overline(props) {
+    return <Text {...props} variant="overline"/>;
+}
+//# sourceMappingURL=Text.js.map

package/dist/components/typography/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/typography/Text.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { ThemeProvider, useTheme, lightTheme, darkTheme, } from './theme/index';
+export { Box, Row, Column, Text, H1, H2, H3, H4, H5, H6, Body1, Body2, Body3, Body4, Body5, Body6, SubTitle1, SubTitle2, Caption, Overline, Button, } from './components/index';
+export type { Theme, ThemeContextValue, ColorBank, TypographySystem, TypographyConfig, BoxProps, ButtonProps, InputProps, TextProps, } from './types/index';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EACb,QAAQ,EACR,UAAU,EACV,SAAS,GACV,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,GAAG,EACH,GAAG,EACH,MAAM,EACN,IAAI,EACJ,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAM,GACP,MAAM,oBAAoB,CAAC;AAG5B,YAAY,EACV,KAAK,EACL,iBAAiB,EACjB,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,UAAU,EACV,SAAS,GACV,MAAM,eAAe,CAAC"}