react-native-atomic-ui 1.0.0

package/dist/components/index.js

@@ -0,0 +1,485 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/index.ts
+var components_exports = {};
+__export(components_exports, {
+  Body1: () => Body1,
+  Body2: () => Body2,
+  Body3: () => Body3,
+  Body4: () => Body4,
+  Body5: () => Body5,
+  Body6: () => Body6,
+  Box: () => Box,
+  Button: () => Button,
+  Caption: () => Caption,
+  Column: () => Column,
+  H1: () => H1,
+  H2: () => H2,
+  H3: () => H3,
+  H4: () => H4,
+  H5: () => H5,
+  H6: () => H6,
+  Overline: () => Overline,
+  Row: () => Row,
+  SubTitle1: () => SubTitle1,
+  SubTitle2: () => SubTitle2,
+  Text: () => Text
+});
+module.exports = __toCommonJS(components_exports);
+
+// src/components/layouts/Box.tsx
+var import_react2 = __toESM(require("react"));
+var import_react_native2 = require("react-native");
+
+// src/theme/index.tsx
+var import_react = __toESM(require("react"));
+var import_react_native = require("react-native");
+
+// src/theme/themes.ts
+var baseTheme = {
+  spacing: {
+    xs: 4,
+    sm: 8,
+    md: 16,
+    lg: 24,
+    xl: 32,
+    xxl: 48
+  },
+  borderRadius: {
+    xs: 2,
+    sm: 4,
+    md: 8,
+    lg: 12,
+    full: 9999
+  }
+};
+var lightTheme = {
+  colors: {
+    primary: "#007AFF",
+    secondary: "#5AC8FA",
+    background: "#FFFFFF",
+    surface: "#F5F5F5",
+    text: "#000000",
+    textSecondary: "#666666",
+    textTertiary: "#999999",
+    border: "#CCCCCC",
+    borderLight: "#E8E8E8",
+    error: "#FF3B30",
+    success: "#34C759",
+    warning: "#FF9500",
+    info: "#5AC8FA",
+    transparent: "transparent",
+    white: "#FFFFFF",
+    black: "#000000",
+    disabled: "#D0D0D0"
+  },
+  typography: {
+    h1: { fontSize: 48, fontWeight: "700", lineHeight: 56 },
+    h2: { fontSize: 40, fontWeight: "700", lineHeight: 48 },
+    h3: { fontSize: 34, fontWeight: "700", lineHeight: 41 },
+    h4: { fontSize: 28, fontWeight: "700", lineHeight: 34 },
+    h5: { fontSize: 22, fontWeight: "600", lineHeight: 28 },
+    h6: { fontSize: 18, fontWeight: "600", lineHeight: 24 },
+    body1: { fontSize: 16, fontWeight: "400", lineHeight: 24 },
+    body2: { fontSize: 15, fontWeight: "400", lineHeight: 22 },
+    body3: { fontSize: 14, fontWeight: "400", lineHeight: 20 },
+    body4: { fontSize: 13, fontWeight: "400", lineHeight: 18 },
+    body5: { fontSize: 12, fontWeight: "400", lineHeight: 16 },
+    body6: { fontSize: 11, fontWeight: "400", lineHeight: 15 },
+    subtitle1: { fontSize: 14, fontWeight: "600", lineHeight: 20 },
+    subtitle2: { fontSize: 12, fontWeight: "600", lineHeight: 16 },
+    caption: { fontSize: 12, fontWeight: "400", lineHeight: 16 },
+    overline: { fontSize: 10, fontWeight: "600", lineHeight: 14 }
+  },
+  ...baseTheme,
+  shadows: {
+    light: {
+      shadowColor: "#000",
+      shadowOffset: { width: 0, height: 1 },
+      shadowOpacity: 0.1,
+      shadowRadius: 2,
+      elevation: 2
+    },
+    medium: {
+      shadowColor: "#000",
+      shadowOffset: { width: 0, height: 4 },
+      shadowOpacity: 0.15,
+      shadowRadius: 8,
+      elevation: 4
+    },
+    heavy: {
+      shadowColor: "#000",
+      shadowOffset: { width: 0, height: 8 },
+      shadowOpacity: 0.2,
+      shadowRadius: 16,
+      elevation: 8
+    }
+  }
+};
+var darkTheme = {
+  colors: {
+    primary: "#0A84FF",
+    secondary: "#30B0C5",
+    background: "#1C1C1E",
+    surface: "#2C2C2E",
+    text: "#FFFFFF",
+    textSecondary: "#A0A0A0",
+    textTertiary: "#808080",
+    border: "#454546",
+    borderLight: "#3A3A3C",
+    error: "#FF453A",
+    success: "#30C759",
+    warning: "#FF9500",
+    info: "#30B0C5",
+    transparent: "transparent",
+    white: "#FFFFFF",
+    black: "#000000",
+    disabled: "#636366"
+  },
+  typography: lightTheme.typography,
+  ...baseTheme,
+  shadows: {
+    light: {
+      shadowColor: "#000",
+      shadowOffset: { width: 0, height: 1 },
+      shadowOpacity: 0.3,
+      shadowRadius: 2,
+      elevation: 2
+    },
+    medium: {
+      shadowColor: "#000",
+      shadowOffset: { width: 0, height: 4 },
+      shadowOpacity: 0.4,
+      shadowRadius: 8,
+      elevation: 4
+    },
+    heavy: {
+      shadowColor: "#000",
+      shadowOffset: { width: 0, height: 8 },
+      shadowOpacity: 0.5,
+      shadowRadius: 16,
+      elevation: 8
+    }
+  }
+};
+
+// src/theme/index.tsx
+var ThemeContext = (0, import_react.createContext)(null);
+function useTheme() {
+  const context = (0, import_react.useContext)(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+}
+
+// src/components/layouts/Box.tsx
+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__ */ import_react2.default.createElement(import_react_native2.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__ */ import_react2.default.createElement(import_react_native2.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__ */ import_react2.default.createElement(import_react_native2.View, { style: columnStyle, testID }, children);
+}
+
+// src/components/typography/Text.tsx
+var import_react3 = __toESM(require("react"));
+var import_react_native3 = require("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__ */ import_react3.default.createElement(import_react_native3.Text, { style: textStyle, testID }, children);
+}
+function H1(props) {
+  return /* @__PURE__ */ import_react3.default.createElement(Text, { ...props, variant: "h1" });
+}
+function H2(props) {
+  return /* @__PURE__ */ import_react3.default.createElement(Text, { ...props, variant: "h2" });
+}
+function H3(props) {
+  return /* @__PURE__ */ import_react3.default.createElement(Text, { ...props, variant: "h3" });
+}
+function H4(props) {
+  return /* @__PURE__ */ import_react3.default.createElement(Text, { ...props, variant: "h4" });
+}
+function H5(props) {
+  return /* @__PURE__ */ import_react3.default.createElement(Text, { ...props, variant: "h5" });
+}
+function H6(props) {
+  return /* @__PURE__ */ import_react3.default.createElement(Text, { ...props, variant: "h6" });
+}
+function Body1(props) {
+  return /* @__PURE__ */ import_react3.default.createElement(Text, { ...props, variant: "body1" });
+}
+function Body2(props) {
+  return /* @__PURE__ */ import_react3.default.createElement(Text, { ...props, variant: "body2" });
+}
+function Body3(props) {
+  return /* @__PURE__ */ import_react3.default.createElement(Text, { ...props, variant: "body3" });
+}
+function Body4(props) {
+  return /* @__PURE__ */ import_react3.default.createElement(Text, { ...props, variant: "body4" });
+}
+function Body5(props) {
+  return /* @__PURE__ */ import_react3.default.createElement(Text, { ...props, variant: "body5" });
+}
+function Body6(props) {
+  return /* @__PURE__ */ import_react3.default.createElement(Text, { ...props, variant: "body6" });
+}
+function SubTitle1(props) {
+  return /* @__PURE__ */ import_react3.default.createElement(Text, { ...props, variant: "subtitle1" });
+}
+function SubTitle2(props) {
+  return /* @__PURE__ */ import_react3.default.createElement(Text, { ...props, variant: "subtitle2" });
+}
+function Caption(props) {
+  return /* @__PURE__ */ import_react3.default.createElement(Text, { ...props, variant: "caption" });
+}
+function Overline(props) {
+  return /* @__PURE__ */ import_react3.default.createElement(Text, { ...props, variant: "overline" });
+}
+
+// src/components/inputs/Button.tsx
+var import_react4 = __toESM(require("react"));
+var import_react_native4 = require("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__ */ import_react4.default.createElement(
+    import_react_native4.TouchableOpacity,
+    {
+      style: buttonStyle,
+      onPress,
+      disabled: disabled || loading,
+      testID
+    },
+    /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles.content }, loading ? /* @__PURE__ */ import_react4.default.createElement(
+      import_react_native4.ActivityIndicator,
+      {
+        color: textColor,
+        size: size === "small" ? "small" : "large"
+      }
+    ) : /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, icon && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles.icon }, icon), /* @__PURE__ */ import_react4.default.createElement(
+      Text,
+      {
+        variant: size === "small" ? "body3" : "body1",
+        color: textColor,
+        style: styles.label
+      },
+      label
+    )))
+  );
+}
+var styles = import_react_native4.StyleSheet.create({
+  button: {
+    justifyContent: "center",
+    alignItems: "center",
+    flexDirection: "row"
+  },
+  content: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  icon: {
+    marginRight: 8
+  },
+  label: {
+    fontWeight: "600"
+  }
+});
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/index.ts", "../../src/components/layouts/Box.tsx", "../../src/theme/index.tsx", "../../src/theme/themes.ts", "../../src/components/typography/Text.tsx", "../../src/components/inputs/Button.tsx"],
+  "sourcesContent": ["// Layouts\nexport { Box, Row, Column } from './layouts/Box';\n\n// Typography\nexport {\n  Text,\n  H1,\n  H2,\n  H3,\n  H4,\n  H5,\n  H6,\n  Body1,\n  Body2,\n  Body3,\n  Body4,\n  Body5,\n  Body6,\n  SubTitle1,\n  SubTitle2,\n  Caption,\n  Overline,\n} from './typography/Text';\n\n// Inputs\nexport { Button } from './inputs/Button';\n", "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, { createContext, useState, useContext, useEffect } from 'react';\nimport { useColorScheme } from 'react-native';\nimport type { ThemeContextValue } from '../types/index';\nimport { lightTheme, darkTheme } from './themes';\n\nconst ThemeContext = createContext<ThemeContextValue | null>(null);\n\nexport interface ThemeProviderProps {\n  children: React.ReactNode;\n  defaultTheme?: 'light' | 'dark' | 'system';\n}\n\n/**\n * Context-based Theme Provider\n * Provides theme context without requiring Redux\n */\nexport function ThemeProvider({\n  children,\n  defaultTheme = 'system',\n}: ThemeProviderProps) {\n  const systemColorScheme = useColorScheme();\n  const isSystemDark = systemColorScheme === 'dark';\n\n  const [isDark, setIsDark] = useState<boolean>(() => {\n    if (defaultTheme === 'system') {\n      return isSystemDark;\n    }\n    return defaultTheme === 'dark';\n  });\n\n  // Update when system preference changes\n  useEffect(() => {\n    if (defaultTheme === 'system') {\n      setIsDark(isSystemDark);\n    }\n  }, [isSystemDark, defaultTheme]);\n\n  const theme = isDark ? darkTheme : lightTheme;\n\n  const toggleTheme = () => {\n    setIsDark((prev) => !prev);\n  };\n\n  const value: ThemeContextValue = {\n    isDark,\n    theme,\n    toggleTheme,\n  };\n\n  return (\n    <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>\n  );\n}\n\n/**\n * Hook to access theme context in components\n * Must be used within ThemeProvider\n */\nexport function useTheme(): ThemeContextValue {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context;\n}\n\nexport { lightTheme, darkTheme } from './themes';\nexport type { Theme, ThemeContextValue } from '../types/index';\n", "import type { Theme } from '../types/index';\n\nconst baseTheme = {\n  spacing: {\n    xs: 4,\n    sm: 8,\n    md: 16,\n    lg: 24,\n    xl: 32,\n    xxl: 48,\n  },\n  borderRadius: {\n    xs: 2,\n    sm: 4,\n    md: 8,\n    lg: 12,\n    full: 9999,\n  },\n};\n\nexport const lightTheme: Theme = {\n  colors: {\n    primary: '#007AFF',\n    secondary: '#5AC8FA',\n    background: '#FFFFFF',\n    surface: '#F5F5F5',\n    text: '#000000',\n    textSecondary: '#666666',\n    textTertiary: '#999999',\n    border: '#CCCCCC',\n    borderLight: '#E8E8E8',\n    error: '#FF3B30',\n    success: '#34C759',\n    warning: '#FF9500',\n    info: '#5AC8FA',\n    transparent: 'transparent',\n    white: '#FFFFFF',\n    black: '#000000',\n    disabled: '#D0D0D0',\n  },\n  typography: {\n    h1: { fontSize: 48, fontWeight: '700', lineHeight: 56 },\n    h2: { fontSize: 40, fontWeight: '700', lineHeight: 48 },\n    h3: { fontSize: 34, fontWeight: '700', lineHeight: 41 },\n    h4: { fontSize: 28, fontWeight: '700', lineHeight: 34 },\n    h5: { fontSize: 22, fontWeight: '600', lineHeight: 28 },\n    h6: { fontSize: 18, fontWeight: '600', lineHeight: 24 },\n    body1: { fontSize: 16, fontWeight: '400', lineHeight: 24 },\n    body2: { fontSize: 15, fontWeight: '400', lineHeight: 22 },\n    body3: { fontSize: 14, fontWeight: '400', lineHeight: 20 },\n    body4: { fontSize: 13, fontWeight: '400', lineHeight: 18 },\n    body5: { fontSize: 12, fontWeight: '400', lineHeight: 16 },\n    body6: { fontSize: 11, fontWeight: '400', lineHeight: 15 },\n    subtitle1: { fontSize: 14, fontWeight: '600', lineHeight: 20 },\n    subtitle2: { fontSize: 12, fontWeight: '600', lineHeight: 16 },\n    caption: { fontSize: 12, fontWeight: '400', lineHeight: 16 },\n    overline: { fontSize: 10, fontWeight: '600', lineHeight: 14 },\n  },\n  ...baseTheme,\n  shadows: {\n    light: {\n      shadowColor: '#000',\n      shadowOffset: { width: 0, height: 1 },\n      shadowOpacity: 0.1,\n      shadowRadius: 2,\n      elevation: 2,\n    },\n    medium: {\n      shadowColor: '#000',\n      shadowOffset: { width: 0, height: 4 },\n      shadowOpacity: 0.15,\n      shadowRadius: 8,\n      elevation: 4,\n    },\n    heavy: {\n      shadowColor: '#000',\n      shadowOffset: { width: 0, height: 8 },\n      shadowOpacity: 0.2,\n      shadowRadius: 16,\n      elevation: 8,\n    },\n  },\n};\n\nexport const darkTheme: Theme = {\n  colors: {\n    primary: '#0A84FF',\n    secondary: '#30B0C5',\n    background: '#1C1C1E',\n    surface: '#2C2C2E',\n    text: '#FFFFFF',\n    textSecondary: '#A0A0A0',\n    textTertiary: '#808080',\n    border: '#454546',\n    borderLight: '#3A3A3C',\n    error: '#FF453A',\n    success: '#30C759',\n    warning: '#FF9500',\n    info: '#30B0C5',\n    transparent: 'transparent',\n    white: '#FFFFFF',\n    black: '#000000',\n    disabled: '#636366',\n  },\n  typography: lightTheme.typography,\n  ...baseTheme,\n  shadows: {\n    light: {\n      shadowColor: '#000',\n      shadowOffset: { width: 0, height: 1 },\n      shadowOpacity: 0.3,\n      shadowRadius: 2,\n      elevation: 2,\n    },\n    medium: {\n      shadowColor: '#000',\n      shadowOffset: { width: 0, height: 4 },\n      shadowOpacity: 0.4,\n      shadowRadius: 8,\n      elevation: 4,\n    },\n    heavy: {\n      shadowColor: '#000',\n      shadowOffset: { width: 0, height: 8 },\n      shadowOpacity: 0.5,\n      shadowRadius: 16,\n      elevation: 8,\n    },\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": ["import_react", "import_react_native", "React", "import_react", "import_react_native", "React", "RNText", "import_react", "import_react_native", "React"]
+}

package/dist/components/index.mjs

@@ -0,0 +1,48 @@
+import {
+  Body1,
+  Body2,
+  Body3,
+  Body4,
+  Body5,
+  Body6,
+  Box,
+  Button,
+  Caption,
+  Column,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  H6,
+  Overline,
+  Row,
+  SubTitle1,
+  SubTitle2,
+  Text
+} from "../chunk-NUUZYCND.mjs";
+import "../chunk-IOIXIQ2F.mjs";
+export {
+  Body1,
+  Body2,
+  Body3,
+  Body4,
+  Body5,
+  Body6,
+  Box,
+  Button,
+  Caption,
+  Column,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  H6,
+  Overline,
+  Row,
+  SubTitle1,
+  SubTitle2,
+  Text
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/inputs/Button.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ButtonProps } from '../../types/index';
+/**
+ * Button component with multiple variants and sizes
+ */
+export declare function Button({ label, onPress, variant, size, disabled, loading, icon, style, testID, }: ButtonProps): React.JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/inputs/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,OAAmB,EACnB,IAAe,EACf,QAAgB,EAChB,OAAe,EACf,IAAI,EACJ,KAAK,EACL,MAAM,GACP,EAAE,WAAW,qBAqGb"}