@umituz/react-native-design-system 4.25.90 → 4.25.91

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "4.25.90",
+  "version": "4.25.91",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive, safe area, exception, infinite scroll, UUID, image, timezone, offline, onboarding, and loading utilities",
   "main": "./src/index.ts",
   "types": "./dist/index.d.ts",

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2025 Umit Uz
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/README.md

@@ -1,181 +0,0 @@
-# @umituz/react-native-design-system
-
-Universal design system for React Native apps following Domain-Driven Design (DDD) architecture with Material Design 3 principles.
-
-## ✨ Features
-
-- 🎨 **Material Design 3** - Modern, accessible UI components
-- ⚛️ **Pure React Native** - No external UI library dependencies (lightweight!)
-- 🏗️ **Atomic Design** - Organized component hierarchy (Atoms → Molecules → Organisms)
-- 🧬 **DDD Architecture** - Clean domain-driven structure
-- 🌓 **Theme Support** - Built-in light/dark mode
-- 📱 **Responsive** - Adaptive layouts for phones and tablets
-- ♿ **Accessible** - WCAG AA compliant components
-- 📦 **Zero Config** - Works out of the box
-- 🪶 **Lightweight** - Smaller bundle size (no Paper dependency)
-
-## 🚫 ABSOLUTE PROHIBITIONS (Zero Tolerance)
-
-### NO ANIMATIONS - EVER
-- ❌ `Animated` from react-native is FORBIDDEN
-- ❌ `Animated.View`, `Animated.Text`, `Animated.timing()` FORBIDDEN
-- ❌ `animationType="slide"` or `"fade"` on Modal FORBIDDEN
-- ❌ `InteractionManager.runAfterInteractions` FORBIDDEN (causes screen lock)
-- ❌ `react-native-reanimated` FORBIDDEN
-- ❌ `Lottie` animations FORBIDDEN
-- ✅ Use `animationType="none"` on all Modal components
-- ✅ Use `View` instead of `Animated.View`
-
-### NO GRADIENTS - EVER
-- ❌ `LinearGradient` component is FORBIDDEN
-- ❌ `expo-linear-gradient` package is FORBIDDEN
-- ✅ Use solid colors with transparency: `rgba(0,0,0,0.5)`
-
-### NO SHADOWS - EVER
-- ❌ `shadowColor`, `shadowOffset`, `shadowOpacity`, `shadowRadius` FORBIDDEN
-- ❌ `elevation` on Android FORBIDDEN
-- ✅ Use `borderWidth` and `borderColor` for depth
-
-## 📦 Installation
-
-```bash
-npm install @umituz/react-native-design-system
-```
-
-### Peer Dependencies
-
-```bash
-npm install react@19.1.0 react-native@0.81.5 react-native-svg@^15.0.0 react-native-gesture-handler@^2.30.0
-```
-
-## 🚀 Usage
-
-```typescript
-import {
-  AtomicButton,
-  AtomicText,
-  AtomicInput,
-  ScreenLayout,
-  useAppDesignTokens,
-} from '@umituz/react-native-design-system';
-
-const MyScreen = () => {
-  const tokens = useAppDesignTokens();
-
-  return (
-    <ScreenLayout>
-      <AtomicText type="headingLarge">Welcome</AtomicText>
-      <AtomicInput
-        label="Email"
-        placeholder="Enter your email"
-      />
-      <AtomicButton
-        variant="primary"
-        onPress={() => console.log('Pressed')}
-      >
-        Submit
-      </AtomicButton>
-    </ScreenLayout>
-  );
-};
-```
-
-## 🧩 Components
-
-### Atoms (Primitive UI Components)
-- `AtomicButton` - Pure React Native buttons with variants (primary, secondary, outline, text, danger)
-- `AtomicText` - Typography with MD3 type scale (pure RN Text)
-- `AtomicInput` - Text inputs with validation states (pure RN TextInput)
-- `AtomicTextArea` - Multiline inputs with character counter (pure RN TextInput)
-- `AtomicCard` - Container cards with elevation (pure RN View)
-- `AtomicIcon` - Ionicons with 1,300+ icons
-- `AtomicSwitch` - Toggle switches
-- `AtomicBadge` - Status badges
-- `AtomicProgress` - Progress indicators
-- And 15+ more...
-
-### Molecules (Composite Components)
-- `FormField` - Input with label and error
-- `ListItem` - Standard list item
-- `SearchBar` - Search input with icon
-- `EmptyState` - Empty state placeholder
-- `ScreenHeader` - Screen title header
-- And more...
-
-### Organisms (Complex Patterns)
-- `ScreenLayout` - Screen wrapper with safe area (pure RN View)
-- `AppHeader` - Application header
-- `FormContainer` - Form layout container with keyboard handling (pure RN View + ScrollView)
-
-## 🎨 Design Tokens
-
-```typescript
-import { useAppDesignTokens } from '@umituz/react-native-design-system';
-
-const tokens = useAppDesignTokens();
-
-// Colors
-tokens.colors.primary
-tokens.colors.secondary
-tokens.colors.background
-tokens.colors.textPrimary
-
-// Spacing
-tokens.spacing.xs  // 4
-tokens.spacing.sm  // 8
-tokens.spacing.md  // 16
-tokens.spacing.lg  // 24
-tokens.spacing.xl  // 32
-
-// Typography
-tokens.typography.headingLarge
-tokens.typography.bodyMedium
-tokens.typography.caption
-```
-
-## 📱 Responsive Utilities
-
-```typescript
-import { useResponsive } from '@umituz/react-native-design-system';
-
-const responsive = useResponsive();
-
-// Device detection
-responsive.isSmallPhone
-responsive.isTablet
-responsive.isLandscape
-
-// Responsive values (pre-calculated)
-responsive.logoSize
-responsive.inputHeight
-responsive.horizontalPadding
-```
-
-## 🌓 Theme Integration
-
-This package works seamlessly with `@umituz/react-native-design-system-theme`:
-
-```typescript
-import { ThemeProvider } from '@umituz/react-native-design-system-theme';
-import { ScreenLayout } from '@umituz/react-native-design-system';
-
-const App = () => (
-  <ThemeProvider>
-    <ScreenLayout>
-      {/* Your app */}
-    </ScreenLayout>
-  </ThemeProvider>
-);
-```
-
-## 📖 Documentation
-
-Full documentation: [Coming Soon]
-
-## 🤝 Contributing
-
-Contributions welcome! This is the universal design system used across 100+ React Native apps.
-
-## 📄 License
-
-MIT © Umit Uz

package/dist/atoms/AtomicAvatar.d.ts

@@ -1,44 +0,0 @@
-/**
- * AtomicAvatar - Universal Avatar Component
- *
- * Displays user profile images with fallback to initials
- * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
- *
- * Atomic Design Level: ATOM
- * Purpose: User profile image display
- *
- * Usage:
- * - User profile pictures
- * - Contact avatars
- * - Group member avatars
- * - Default user placeholders
- */
-import React from 'react';
-import { ViewStyle, ImageStyle, ImageSourcePropType } from 'react-native';
-export interface AtomicAvatarProps {
-    /** Image source (URI or require) */
-    source?: ImageSourcePropType;
-    /** User's name for fallback initials */
-    name?: string;
-    /** Size of the avatar */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-    /** Custom size in pixels */
-    customSize?: number;
-    /** Background color for fallback */
-    backgroundColor?: string;
-    /** Text color for initials */
-    textColor?: string;
-    /** Border radius (default: circular) */
-    borderRadius?: number;
-    /** Border width */
-    borderWidth?: number;
-    /** Border color */
-    borderColor?: string;
-    /** Style overrides */
-    style?: ViewStyle | ViewStyle[];
-    /** Image style overrides */
-    imageStyle?: ImageStyle | ImageStyle[];
-    /** Test ID for testing */
-    testID?: string;
-}
-export declare const AtomicAvatar: React.FC<AtomicAvatarProps>;

package/dist/atoms/AtomicDatePicker.d.ts

@@ -1,42 +0,0 @@
-/**
- * AtomicDatePicker Component
- *
- * A reusable date picker component that wraps the native date picker
- * with consistent styling and behavior across platforms.
- *
- * Requires @react-native-community/datetimepicker as a peer dependency.
- * If not installed, the component will render only the button with a
- * console warning when pressed.
- *
- * @module AtomicDatePicker
- */
-import React from 'react';
-import { type StyleProp, type ViewStyle } from 'react-native';
-/**
- * Props for AtomicDatePicker component
- */
-export interface AtomicDatePickerProps {
-    /** Selected date value */
-    value: Date | null;
-    /** Callback when date changes */
-    onChange: (date: Date) => void;
-    /** Optional label displayed above picker */
-    label?: string;
-    /** Optional error message displayed below picker */
-    error?: string;
-    /** Disable picker interaction */
-    disabled?: boolean;
-    /** Minimum selectable date */
-    minimumDate?: Date;
-    /** Maximum selectable date */
-    maximumDate?: Date;
-    /** Picker mode - date, time, or datetime (iOS only) */
-    mode?: 'date' | 'time' | 'datetime';
-    /** Placeholder text when no value selected */
-    placeholder?: string;
-    /** Optional test ID for E2E testing */
-    testID?: string;
-    /** Optional container style */
-    style?: StyleProp<ViewStyle>;
-}
-export declare const AtomicDatePicker: React.FC<AtomicDatePickerProps>;

package/dist/atoms/AtomicFab.d.ts

@@ -1,36 +0,0 @@
-import React from 'react';
-import { AtomicFabProps } from './fab/types';
-import { FAB_SIZES, getFabVariants, getFabIconSize, getFabBorder } from './fab/styles/fabStyles';
-export type { FabSize, FabVariant, FabVariantConfig, FabSizeConfig, AtomicFabProps } from './fab/types';
-export { FAB_SIZES, getFabVariants, getFabIconSize, getFabBorder };
-/**
- * AtomicFab - Floating Action Button Component
- *
- * A Material Design 3 compliant FAB component for primary actions.
- * Follows CLAUDE.md standards for responsive positioning.
- *
- * @example
- * ```tsx
- * // IMPORTANT: FAB must be used at screen level, NOT inside ScrollView
- * <ScreenLayout>
- *   <ScrollView>
- *     {/* Your content *\/}
- *   </ScrollView>
- *   <AtomicFab
- *     icon="add"
- *     onPress={handleAddItem}
- *     variant="primary"
- *     size="md"
- *   />
- * </ScreenLayout>
- * ```
- *
- * Features:
- * - Material Design 3 sizes (sm: 40px, md: 56px, lg: 72px)
- * - Three variants: primary, secondary, surface
- * - Responsive positioning (above tab bar, safe area aware)
- * - Disabled state with opacity
- * - Theme-aware colors from design tokens
- * - Border for depth (no shadows per CLAUDE.md)
- */
-export declare const AtomicFab: React.FC<AtomicFabProps>;

package/dist/atoms/AtomicInput.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { TextInput } from 'react-native';
-import type { AtomicInputProps } from './input/types';
-export declare const AtomicInput: React.ForwardRefExoticComponent<AtomicInputProps & React.RefAttributes<TextInput>>;

package/dist/atoms/AtomicKeyboardAvoidingView.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { type KeyboardAvoidingViewProps } from 'react-native';
-export interface AtomicKeyboardAvoidingViewProps extends KeyboardAvoidingViewProps {
-    /**
-     * Optional offset to adjust the position of the content.
-     * On iOS, this is often necessary to account for headers, tabs, etc.
-     */
-    offset?: number;
-}
-/**
- * AtomicKeyboardAvoidingView - A consistent wrapper for React Native's KeyboardAvoidingView
- *
- * Provides sensible defaults and OS-specific behaviors:
- * - iOS: behavior="padding"
- * - Android: behavior=undefined (handled by windowSoftInputMode="adjustResize")
- */
-export declare const AtomicKeyboardAvoidingView: React.FC<AtomicKeyboardAvoidingViewProps>;

package/dist/atoms/AtomicPicker.d.ts

@@ -1,9 +0,0 @@
-/**
- * AtomicPicker Component
- *
- * A reusable option picker/dropdown component for selecting from a list of options.
- */
-import React from 'react';
-import { AtomicPickerProps } from './picker/types';
-export type { AtomicPickerProps, PickerOption, PickerSize } from './picker/types';
-export declare const AtomicPicker: React.FC<AtomicPickerProps>;

package/dist/atoms/AtomicProgress.d.ts

@@ -1,42 +0,0 @@
-/**
- * AtomicProgress - Universal Progress Bar Component
- *
- * Displays progress bars for completion tracking
- * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
- *
- * Atomic Design Level: ATOM
- * Purpose: Progress indication and completion tracking
- *
- * Usage:
- * - File upload progress
- * - Task completion progress
- * - Achievement progress
- * - Form completion
- */
-import React from 'react';
-import { ViewStyle } from 'react-native';
-export interface AtomicProgressProps {
-    /** Progress value (0-100) */
-    value: number;
-    /** Progress bar height */
-    height?: number;
-    /** Progress bar width */
-    width?: number | string;
-    /** Progress bar color */
-    color?: string;
-    /** Background color */
-    backgroundColor?: string;
-    /** Progress bar shape */
-    shape?: 'rounded' | 'square';
-    /** Whether to show percentage text */
-    showPercentage?: boolean;
-    /** Whether to show value text */
-    showValue?: boolean;
-    /** Custom text color */
-    textColor?: string;
-    /** Style overrides */
-    style?: ViewStyle | ViewStyle[];
-    /** Test ID for testing */
-    testID?: string;
-}
-export declare const AtomicProgress: React.FC<AtomicProgressProps>;

package/dist/atoms/AtomicSpinner.d.ts

@@ -1,39 +0,0 @@
-/**
- * AtomicSpinner - Universal Loading Spinner Component
- *
- * Displays loading indicators with flexible configuration
- *
- * Atomic Design Level: ATOM
- * Purpose: Loading state indication across all apps
- *
- * Usage:
- * - Page loading states
- * - Button loading states
- * - Data fetching indicators
- * - Async operation feedback
- */
-import React from 'react';
-import { ViewStyle } from 'react-native';
-export type SpinnerSize = 'sm' | 'md' | 'lg' | 'xl';
-export type SpinnerColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'white';
-export interface AtomicSpinnerProps {
-    /** Spinner size preset or custom number */
-    size?: SpinnerSize | number;
-    /** Spinner color preset or custom hex */
-    color?: SpinnerColor | string;
-    /** Optional loading text */
-    text?: string;
-    /** Text position relative to spinner */
-    textPosition?: 'bottom' | 'right';
-    /** Fill entire parent container */
-    fullContainer?: boolean;
-    /** Show semi-transparent overlay behind spinner */
-    overlay?: boolean;
-    /** Overlay background color */
-    overlayColor?: string;
-    /** Style overrides for container */
-    style?: ViewStyle | ViewStyle[];
-    /** Test ID for testing */
-    testID?: string;
-}
-export declare const AtomicSpinner: React.FC<AtomicSpinnerProps>;

package/dist/atoms/AtomicSwitch.d.ts

@@ -1,18 +0,0 @@
-/**
- * AtomicSwitch - Toggle Switch Component
- *
- * Atomic Design Level: ATOM
- * Purpose: Boolean toggle across all apps
- */
-import React from 'react';
-import { ViewStyle } from 'react-native';
-export interface AtomicSwitchProps {
-    label?: string;
-    value: boolean;
-    onValueChange: (value: boolean) => void;
-    disabled?: boolean;
-    description?: string;
-    style?: ViewStyle;
-    testID?: string;
-}
-export declare const AtomicSwitch: React.FC<AtomicSwitchProps>;

package/dist/atoms/AtomicText.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import { type StyleProp, type TextStyle, type TextProps } from 'react-native';
-import { type TextStyleVariant, type ColorVariant } from '../typography';
-export interface AtomicTextProps extends Omit<TextProps, 'style'> {
-    /** Typographic style variant from tokens */
-    type?: TextStyleVariant;
-    /** Color variant from tokens or custom hex color */
-    color?: ColorVariant | string;
-    /** Text alignment */
-    align?: TextStyle['textAlign'];
-    /** Font weight - convenience prop */
-    fontWeight?: TextStyle['fontWeight'];
-    /** Margin top - convenience prop using spacing tokens */
-    marginTop?: keyof ReturnType<typeof import('../theme').useAppDesignTokens>['spacing'];
-    /** Margin bottom - convenience prop using spacing tokens */
-    marginBottom?: keyof ReturnType<typeof import('../theme').useAppDesignTokens>['spacing'];
-    /** Content to render */
-    children: React.ReactNode;
-    /** Custom text style */
-    style?: StyleProp<TextStyle>;
-    /** Test ID for automation */
-    testID?: string;
-}
-/**
- * AtomicText - Primitive Text Component
- *
- * ✅ Responsive by default
- * ✅ Theme-aware
- * ✅ SOLID, DRY, KISS
- */
-export declare const AtomicText: ({ type, color, align, fontWeight, marginTop, marginBottom, children, style, testID, ...props }: AtomicTextProps) => React.JSX.Element;

package/dist/atoms/AtomicTextArea.d.ts

@@ -1,43 +0,0 @@
-import React from 'react';
-import { TextInput, type ViewStyle, type StyleProp, type TextStyle } from 'react-native';
-export interface AtomicTextAreaProps {
-    /** Text area label */
-    label?: string;
-    /** Current value */
-    value?: string;
-    /** Value change callback */
-    onChangeText?: (text: string) => void;
-    /** Placeholder text */
-    placeholder?: string;
-    /** Helper text below input */
-    helperText?: string;
-    /** Error message to display */
-    errorText?: string;
-    /** Maximum character length */
-    maxLength?: number;
-    /** Number of lines (default: 4) */
-    numberOfLines?: number;
-    /** Alternative to numberOfLines */
-    rows?: number;
-    /** Minimum height override */
-    minHeight?: number;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Container style */
-    style?: StyleProp<ViewStyle>;
-    /** Input text style */
-    inputStyle?: StyleProp<TextStyle>;
-    /** Return key type */
-    returnKeyType?: 'done' | 'go' | 'next' | 'search' | 'send';
-    /** Callback when submit button is pressed */
-    onSubmitEditing?: () => void;
-    /** Blur on submit */
-    blurOnSubmit?: boolean;
-    /** Test ID */
-    testID?: string;
-}
-/**
- * AtomicTextArea - Multiline Text Input Component
- * Consistent with AtomicInput but optimized for multiline usage.
- */
-export declare const AtomicTextArea: React.ForwardRefExoticComponent<AtomicTextAreaProps & React.RefAttributes<TextInput>>;

package/dist/atoms/AtomicTouchable.d.ts

@@ -1,29 +0,0 @@
-/**
- * AtomicTouchable - Touchable Component
- *
- * Atomic Design Level: ATOM
- * Purpose: Touchable wrapper across all apps
- */
-import React from 'react';
-import { ViewStyle, StyleProp } from 'react-native';
-export interface AtomicTouchableProps {
-    children: React.ReactNode;
-    onPress?: () => void;
-    onLongPress?: () => void;
-    disabled?: boolean;
-    activeOpacity?: number;
-    style?: StyleProp<ViewStyle>;
-    testID?: string;
-    accessibilityLabel?: string;
-    accessibilityHint?: string;
-    accessibilityRole?: 'button' | 'link' | 'none' | 'text' | 'search' | 'image' | 'adjustable' | 'imagebutton' | 'header' | 'summary' | 'alert' | 'checkbox' | 'combobox' | 'menu' | 'menubar' | 'menuitem' | 'progressbar' | 'radio' | 'radiogroup' | 'scrollbar' | 'spinbutton' | 'switch' | 'tab' | 'tablist' | 'timer' | 'toolbar';
-    accessibilityState?: {
-        disabled?: boolean;
-        selected?: boolean;
-        checked?: boolean | 'mixed';
-        busy?: boolean;
-        expanded?: boolean;
-    };
-    accessible?: boolean;
-}
-export declare const AtomicTouchable: React.NamedExoticComponent<AtomicTouchableProps>;

package/dist/atoms/EmptyState.d.ts

@@ -1,22 +0,0 @@
-/**
- * EmptyState - Universal Empty State Component
- *
- * Displays when no data is available
- *
- * Atomic Design Level: ATOM
- * Purpose: Empty state indication across all apps
- */
-import React from 'react';
-import { ViewStyle } from 'react-native';
-export interface EmptyStateProps {
-    icon?: string;
-    title: string;
-    subtitle?: string;
-    description?: string;
-    actionLabel?: string;
-    onAction?: () => void;
-    illustration?: React.ReactNode;
-    style?: ViewStyle;
-    testID?: string;
-}
-export declare const EmptyState: React.FC<EmptyStateProps>;

package/dist/atoms/GlassView/GlassView.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { ViewStyle, StyleProp } from 'react-native';
-export type GlassTint = 'light' | 'dark' | 'default' | 'prominent' | 'regular' | 'extraLight' | 'systemThinMaterial' | 'systemMaterial' | 'systemThickMaterial' | 'systemChromeMaterial' | 'systemUltraThinMaterial' | 'systemThinMaterialLight' | 'systemMaterialLight' | 'systemThickMaterialLight' | 'systemChromeMaterialLight' | 'systemUltraThinMaterialLight' | 'systemThinMaterialDark' | 'systemMaterialDark' | 'systemThickMaterialDark' | 'systemChromeMaterialDark' | 'systemUltraThinMaterialDark';
-export interface GlassViewProps {
-    children?: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-    intensity?: number;
-    tint?: GlassTint;
-    experimentalBlurMethod?: 'dimezisBlurView' | 'none';
-}
-/**
- * GlassView
- *
- * A wrapper component for glassmorphism effects.
- * Currently uses a fallback transparency implementation to avoid native module issues with expo-blur.
- */
-export declare const GlassView: React.FC<GlassViewProps>;

package/dist/atoms/badge/AtomicBadge.d.ts

@@ -1,28 +0,0 @@
-/**
- * AtomicBadge Component
- * Reusable badge for labels, status indicators, and tags
- */
-import React from "react";
-import { type StyleProp, type ViewStyle, type TextStyle } from "react-native";
-import { type IconName } from "../icon";
-export type BadgeVariant = "primary" | "secondary" | "success" | "warning" | "error" | "info";
-export type BadgeSize = "sm" | "md" | "lg";
-export interface AtomicBadgeProps {
-    /** Badge text content */
-    text: string;
-    /** Visual variant */
-    variant?: BadgeVariant;
-    /** Size preset */
-    size?: BadgeSize;
-    /** Optional icon name (interpreted by app's icon renderer) */
-    icon?: IconName;
-    /** Icon position */
-    iconPosition?: "left" | "right";
-    /** Custom container style */
-    style?: StyleProp<ViewStyle>;
-    /** Custom text style */
-    textStyle?: StyleProp<TextStyle>;
-    /** Test ID for testing */
-    testID?: string;
-}
-export declare const AtomicBadge: React.FC<AtomicBadgeProps>;

package/dist/atoms/button/AtomicButton.d.ts

@@ -1,8 +0,0 @@
-/**
- * AtomicButton Component
- * Refactored: Extracted configs, styles, and types
- */
-import React from 'react';
-import type { AtomicButtonProps } from './types';
-export declare const AtomicButton: React.FC<AtomicButtonProps>;
-export type { AtomicButtonProps, ButtonVariant, ButtonSize } from './types';

package/dist/atoms/button/configs/buttonSizeConfig.d.ts

@@ -1,6 +0,0 @@
-/**
- * Button Size Configuration
- */
-import type { DesignTokens } from '../../../theme';
-import type { ButtonSize, ButtonSizeConfig } from '../types';
-export declare const getButtonSizeConfig: (size: ButtonSize, tokens: DesignTokens) => ButtonSizeConfig;