@astacinco/rn-primitives 0.1.0

package/src/Text/types.ts

@@ -0,0 +1,21 @@
+import type { TextProps as RNTextProps } from 'react-native';
+
+export type TextVariant = 'title' | 'subtitle' | 'body' | 'caption' | 'label';
+
+export interface TextProps extends RNTextProps {
+  /**
+   * Text variant that determines styling
+   * @default 'body'
+   */
+  variant?: TextVariant;
+
+  /**
+   * Override text color (uses theme color by default)
+   */
+  color?: string;
+
+  /**
+   * Test ID for testing
+   */
+  testID?: string;
+}

package/src/index.ts

@@ -0,0 +1,51 @@
+/**
+ * @astacinco/rn-primitives
+ *
+ * Theme-aware UI primitives for React Native.
+ * All components automatically adapt to light/dark modes.
+ *
+ * @example
+ * ```typescript
+ * import { Text, Button, Card, VStack } from '@astacinco/rn-primitives';
+ *
+ * function MyScreen() {
+ *   return (
+ *     <VStack spacing="md">
+ *       <Text variant="title">Welcome</Text>
+ *       <Card>
+ *         <Text>Card content</Text>
+ *       </Card>
+ *       <Button label="Get Started" onPress={() => {}} />
+ *     </VStack>
+ *   );
+ * }
+ * ```
+ */
+
+// Text
+export { Text } from './Text';
+export type { TextProps, TextVariant } from './Text';
+
+// Button
+export { Button } from './Button';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './Button';
+
+// Card
+export { Card } from './Card';
+export type { CardProps, CardVariant } from './Card';
+
+// Stack
+export { VStack, HStack } from './Stack';
+export type { StackProps, StackSpacing, StackAlign, StackJustify } from './Stack';
+
+// Container
+export { Container } from './Container';
+export type { ContainerProps } from './Container';
+
+// Input
+export { Input } from './Input';
+export type { InputProps } from './Input';
+
+// Divider
+export { Divider } from './Divider';
+export type { DividerProps, DividerVariant } from './Divider';