react-native-atomic-ui 1.0.0

package/dist/chunk-NUUZYCND.mjs

@@ -0,0 +1,318 @@
+import {
+  useTheme
+} from "./chunk-IOIXIQ2F.mjs";
+
+// src/components/layouts/Box.tsx
+import React from "react";
+import { View } from "react-native";
+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 /* @__PURE__ */ React.createElement(View, { style: boxStyle, testID }, children);
+}
+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 /* @__PURE__ */ React.createElement(View, { style: rowStyle, testID }, children);
+}
+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 /* @__PURE__ */ React.createElement(View, { style: columnStyle, testID }, children);
+}
+
+// src/components/typography/Text.tsx
+import React2 from "react";
+import { Text as RNText } from "react-native";
+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 /* @__PURE__ */ React2.createElement(RNText, { style: textStyle, testID }, children);
+}
+function H1(props) {
+  return /* @__PURE__ */ React2.createElement(Text, { ...props, variant: "h1" });
+}
+function H2(props) {
+  return /* @__PURE__ */ React2.createElement(Text, { ...props, variant: "h2" });
+}
+function H3(props) {
+  return /* @__PURE__ */ React2.createElement(Text, { ...props, variant: "h3" });
+}
+function H4(props) {
+  return /* @__PURE__ */ React2.createElement(Text, { ...props, variant: "h4" });
+}
+function H5(props) {
+  return /* @__PURE__ */ React2.createElement(Text, { ...props, variant: "h5" });
+}
+function H6(props) {
+  return /* @__PURE__ */ React2.createElement(Text, { ...props, variant: "h6" });
+}
+function Body1(props) {
+  return /* @__PURE__ */ React2.createElement(Text, { ...props, variant: "body1" });
+}
+function Body2(props) {
+  return /* @__PURE__ */ React2.createElement(Text, { ...props, variant: "body2" });
+}
+function Body3(props) {
+  return /* @__PURE__ */ React2.createElement(Text, { ...props, variant: "body3" });
+}
+function Body4(props) {
+  return /* @__PURE__ */ React2.createElement(Text, { ...props, variant: "body4" });
+}
+function Body5(props) {
+  return /* @__PURE__ */ React2.createElement(Text, { ...props, variant: "body5" });
+}
+function Body6(props) {
+  return /* @__PURE__ */ React2.createElement(Text, { ...props, variant: "body6" });
+}
+function SubTitle1(props) {
+  return /* @__PURE__ */ React2.createElement(Text, { ...props, variant: "subtitle1" });
+}
+function SubTitle2(props) {
+  return /* @__PURE__ */ React2.createElement(Text, { ...props, variant: "subtitle2" });
+}
+function Caption(props) {
+  return /* @__PURE__ */ React2.createElement(Text, { ...props, variant: "caption" });
+}
+function Overline(props) {
+  return /* @__PURE__ */ React2.createElement(Text, { ...props, variant: "overline" });
+}
+
+// src/components/inputs/Button.tsx
+import React3 from "react";
+import {
+  TouchableOpacity,
+  View as View2,
+  StyleSheet,
+  ActivityIndicator
+} from "react-native";
+function Button({
+  label,
+  onPress,
+  variant = "primary",
+  size = "medium",
+  disabled = false,
+  loading = false,
+  icon,
+  style,
+  testID
+}) {
+  const { theme } = useTheme();
+  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
+        };
+    }
+  };
+  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 /* @__PURE__ */ React3.createElement(
+    TouchableOpacity,
+    {
+      style: buttonStyle,
+      onPress,
+      disabled: disabled || loading,
+      testID
+    },
+    /* @__PURE__ */ React3.createElement(View2, { style: styles.content }, loading ? /* @__PURE__ */ React3.createElement(
+      ActivityIndicator,
+      {
+        color: textColor,
+        size: size === "small" ? "small" : "large"
+      }
+    ) : /* @__PURE__ */ React3.createElement(React3.Fragment, null, icon && /* @__PURE__ */ React3.createElement(View2, { style: styles.icon }, icon), /* @__PURE__ */ React3.createElement(
+      Text,
+      {
+        variant: size === "small" ? "body3" : "body1",
+        color: textColor,
+        style: styles.label
+      },
+      label
+    )))
+  );
+}
+var styles = StyleSheet.create({
+  button: {
+    justifyContent: "center",
+    alignItems: "center",
+    flexDirection: "row"
+  },
+  content: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  icon: {
+    marginRight: 8
+  },
+  label: {
+    fontWeight: "600"
+  }
+});
+
+export {
+  Box,
+  Row,
+  Column,
+  Text,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  H6,
+  Body1,
+  Body2,
+  Body3,
+  Body4,
+  Body5,
+  Body6,
+  SubTitle1,
+  SubTitle2,
+  Caption,
+  Overline,
+  Button
+};
+//# sourceMappingURL=chunk-NUUZYCND.mjs.map

package/dist/chunk-NUUZYCND.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/layouts/Box.tsx", "../src/components/typography/Text.tsx", "../src/components/inputs/Button.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport { useTheme } from '@theme/index';\nimport type { BoxProps } from '../../types/index';\n\n/**\n * Box - Base layout component with flexbox support\n * Serves as the foundation for building custom layouts\n */\nexport function Box({\n  children,\n  padding,\n  paddingHorizontal,\n  paddingVertical,\n  margin,\n  marginHorizontal,\n  marginVertical,\n  gap,\n  backgroundColor,\n  borderRadius,\n  style,\n  testID,\n}: BoxProps) {\n  const { theme } = useTheme();\n\n  const boxStyle: ViewProps['style'] = [\n    padding && { padding: theme.spacing[padding] },\n    paddingHorizontal && { paddingHorizontal: theme.spacing[paddingHorizontal] },\n    paddingVertical && { paddingVertical: theme.spacing[paddingVertical] },\n    margin && { margin: theme.spacing[margin] },\n    marginHorizontal && { marginHorizontal: theme.spacing[marginHorizontal] },\n    marginVertical && { marginVertical: theme.spacing[marginVertical] },\n    gap && { gap: theme.spacing[gap] },\n    backgroundColor && { backgroundColor },\n    borderRadius && { borderRadius: theme.borderRadius[borderRadius] },\n    style,\n  ];\n\n  return (\n    <View style={boxStyle} testID={testID}>\n      {children}\n    </View>\n  );\n}\n\n/**\n * Row - Horizontal flex container\n * Equivalent to flexDirection: 'row'\n */\nexport function Row({\n  children,\n  padding,\n  paddingHorizontal,\n  paddingVertical,\n  margin,\n  marginHorizontal,\n  marginVertical,\n  gap,\n  backgroundColor,\n  borderRadius,\n  style,\n  testID,\n}: BoxProps) {\n  const { theme } = useTheme();\n\n  const rowStyle: ViewProps['style'] = [\n    { flexDirection: 'row', alignItems: 'center' },\n    padding && { padding: theme.spacing[padding] },\n    paddingHorizontal && { paddingHorizontal: theme.spacing[paddingHorizontal] },\n    paddingVertical && { paddingVertical: theme.spacing[paddingVertical] },\n    margin && { margin: theme.spacing[margin] },\n    marginHorizontal && { marginHorizontal: theme.spacing[marginHorizontal] },\n    marginVertical && { marginVertical: theme.spacing[marginVertical] },\n    gap && { gap: theme.spacing[gap] },\n    backgroundColor && { backgroundColor },\n    borderRadius && { borderRadius: theme.borderRadius[borderRadius] },\n    style,\n  ];\n\n  return (\n    <View style={rowStyle} testID={testID}>\n      {children}\n    </View>\n  );\n}\n\n/**\n * Column - Vertical flex container\n * Equivalent to flexDirection: 'column'\n */\nexport function Column({\n  children,\n  padding,\n  paddingHorizontal,\n  paddingVertical,\n  margin,\n  marginHorizontal,\n  marginVertical,\n  gap,\n  backgroundColor,\n  borderRadius,\n  style,\n  testID,\n}: BoxProps) {\n  const { theme } = useTheme();\n\n  const columnStyle: ViewProps['style'] = [\n    { flexDirection: 'column' },\n    padding && { padding: theme.spacing[padding] },\n    paddingHorizontal && { paddingHorizontal: theme.spacing[paddingHorizontal] },\n    paddingVertical && { paddingVertical: theme.spacing[paddingVertical] },\n    margin && { margin: theme.spacing[margin] },\n    marginHorizontal && { marginHorizontal: theme.spacing[marginHorizontal] },\n    marginVertical && { marginVertical: theme.spacing[marginVertical] },\n    gap && { gap: theme.spacing[gap] },\n    backgroundColor && { backgroundColor },\n    borderRadius && { borderRadius: theme.borderRadius[borderRadius] },\n    style,\n  ];\n\n  return (\n    <View style={columnStyle} testID={testID}>\n      {children}\n    </View>\n  );\n}\n", "import React from 'react';\nimport { Text as RNText, TextProps as RNTextProps } from 'react-native';\nimport { useTheme } from '@theme/index';\nimport type { TextProps } from '../../types/index';\n\n/**\n * Base Text component with theme support\n */\nexport function Text({\n  children,\n  variant = 'body1',\n  color,\n  textAlign,\n  style,\n  testID,\n}: TextProps) {\n  const { theme } = useTheme();\n\n  const textStyle: RNTextProps['style'] = [\n    theme.typography[variant],\n    { color: color || theme.colors.text },\n    textAlign && { textAlign },\n    style,\n  ];\n\n  return (\n    <RNText style={textStyle} testID={testID}>\n      {children}\n    </RNText>\n  );\n}\n\n/**\n * Typography components - Convenience components for common sizes\n */\n\nexport function H1(props: TextProps) {\n  return <Text {...props} variant=\"h1\" />;\n}\n\nexport function H2(props: TextProps) {\n  return <Text {...props} variant=\"h2\" />;\n}\n\nexport function H3(props: TextProps) {\n  return <Text {...props} variant=\"h3\" />;\n}\n\nexport function H4(props: TextProps) {\n  return <Text {...props} variant=\"h4\" />;\n}\n\nexport function H5(props: TextProps) {\n  return <Text {...props} variant=\"h5\" />;\n}\n\nexport function H6(props: TextProps) {\n  return <Text {...props} variant=\"h6\" />;\n}\n\nexport function Body1(props: TextProps) {\n  return <Text {...props} variant=\"body1\" />;\n}\n\nexport function Body2(props: TextProps) {\n  return <Text {...props} variant=\"body2\" />;\n}\n\nexport function Body3(props: TextProps) {\n  return <Text {...props} variant=\"body3\" />;\n}\n\nexport function Body4(props: TextProps) {\n  return <Text {...props} variant=\"body4\" />;\n}\n\nexport function Body5(props: TextProps) {\n  return <Text {...props} variant=\"body5\" />;\n}\n\nexport function Body6(props: TextProps) {\n  return <Text {...props} variant=\"body6\" />;\n}\n\nexport function SubTitle1(props: TextProps) {\n  return <Text {...props} variant=\"subtitle1\" />;\n}\n\nexport function SubTitle2(props: TextProps) {\n  return <Text {...props} variant=\"subtitle2\" />;\n}\n\nexport function Caption(props: TextProps) {\n  return <Text {...props} variant=\"caption\" />;\n}\n\nexport function Overline(props: TextProps) {\n  return <Text {...props} variant=\"overline\" />;\n}\n", "import React from 'react';\nimport {\n  TouchableOpacity,\n  View,\n  StyleSheet,\n  ActivityIndicator,\n} from 'react-native';\nimport { useTheme } from '@theme/index';\nimport type { ButtonProps } from '../../types/index';\nimport { Text } from '../typography/Text';\n\n/**\n * Button component with multiple variants and sizes\n */\nexport function Button({\n  label,\n  onPress,\n  variant = 'primary',\n  size = 'medium',\n  disabled = false,\n  loading = false,\n  icon,\n  style,\n  testID,\n}: ButtonProps) {\n  const { theme } = useTheme();\n\n  // Get variant colors\n  const getVariantStyle = () => {\n    switch (variant) {\n      case 'primary':\n        return {\n          backgroundColor: theme.colors.primary,\n          borderColor: theme.colors.primary,\n        };\n      case 'secondary':\n        return {\n          backgroundColor: theme.colors.secondary,\n          borderColor: theme.colors.secondary,\n        };\n      case 'danger':\n        return {\n          backgroundColor: theme.colors.error,\n          borderColor: theme.colors.error,\n        };\n      case 'ghost':\n        return {\n          backgroundColor: 'transparent',\n          borderColor: theme.colors.primary,\n          borderWidth: 1,\n        };\n      default:\n        return {\n          backgroundColor: theme.colors.primary,\n          borderColor: theme.colors.primary,\n        };\n    }\n  };\n\n  // Get size dimensions\n  const getSizeStyle = () => {\n    switch (size) {\n      case 'small':\n        return {\n          paddingHorizontal: theme.spacing.md,\n          paddingVertical: theme.spacing.sm,\n          minHeight: 32,\n        };\n      case 'large':\n        return {\n          paddingHorizontal: theme.spacing.lg,\n          paddingVertical: theme.spacing.md,\n          minHeight: 56,\n        };\n      case 'medium':\n      default:\n        return {\n          paddingHorizontal: theme.spacing.lg,\n          paddingVertical: theme.spacing.md,\n          minHeight: 48,\n        };\n    }\n  };\n\n  const buttonStyle = [\n    styles.button,\n    {\n      ...getVariantStyle(),\n      ...getSizeStyle(),\n      borderRadius: theme.borderRadius.md,\n      opacity: disabled || loading ? 0.5 : 1,\n    },\n    style,\n  ];\n\n  const textColor = variant === 'ghost' ? theme.colors.primary : theme.colors.white;\n\n  return (\n    <TouchableOpacity\n      style={buttonStyle}\n      onPress={onPress}\n      disabled={disabled || loading}\n      testID={testID}\n    >\n      <View style={styles.content}>\n        {loading ? (\n          <ActivityIndicator\n            color={textColor}\n            size={size === 'small' ? 'small' : 'large'}\n          />\n        ) : (\n          <>\n            {icon && <View style={styles.icon}>{icon}</View>}\n            <Text\n              variant={size === 'small' ? 'body3' : 'body1'}\n              color={textColor}\n              style={styles.label}\n            >\n              {label}\n            </Text>\n          </>\n        )}\n      </View>\n    </TouchableOpacity>\n  );\n}\n\nconst styles = StyleSheet.create({\n  button: {\n    justifyContent: 'center',\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  content: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  icon: {\n    marginRight: 8,\n  },\n  label: {\n    fontWeight: '600',\n  },\n});\n"],
+  "mappings": "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",
+  "names": ["React", "React", "React", "View", "React", "View"]
+}

package/dist/components/index.d.ts

@@ -0,0 +1,4 @@
+export { Box, Row, Column } from './layouts/Box';
+export { Text, H1, H2, H3, H4, H5, H6, Body1, Body2, Body3, Body4, Body5, Body6, SubTitle1, SubTitle2, Caption, Overline, } from './typography/Text';
+export { Button } from './inputs/Button';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAGjD,OAAO,EACL,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,GACT,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC"}