@umituz/react-native-design-system 4.28.5 → 4.28.7

package/src/utils/responsiveUtils.ts

@@ -0,0 +1,110 @@
+/**
+ * Responsive Utility Functions
+ *
+ * Centralized responsive calculations to avoid code duplication.
+ * All components should use these utilities instead of manual calculations.
+ */
+
+/**
+ * Calculate responsive size from base value
+ * Multiplies base size by spacingMultiplier and floors the result
+ *
+ * @param baseSize - Base size in pixels (e.g., 16, 24, 32)
+ * @param spacingMultiplier - Multiplier from design tokens (0.9, 1.0, 1.2)
+ * @returns Responsive size in pixels (floored for integer values)
+ *
+ * @example
+ * const responsive = useResponsive();
+ * const padding = calculateResponsiveSize(16, responsive.spacingMultiplier); // 14.4 → 14
+ */
+export const calculateResponsiveSize = (
+  baseSize: number,
+  spacingMultiplier: number
+): number => {
+  return Math.floor(baseSize * spacingMultiplier);
+};
+
+/**
+ * Calculate multiple responsive sizes at once
+ * Useful for component configs with multiple size properties
+ *
+ * @param sizes - Object with base sizes
+ * @param spacingMultiplier - Multiplier from design tokens
+ * @returns Object with responsive sizes
+ *
+ * @example
+ * const baseConfig = { padding: 16, margin: 24, fontSize: 14 };
+ * const responsiveConfig = calculateResponsiveSizes(baseConfig, spacingMultiplier);
+ * // { padding: 14, margin: 21, fontSize: 12 }
+ */
+export const calculateResponsiveSizes = <T extends Record<string, number>>(
+  sizes: T,
+  spacingMultiplier: number
+): { [K in keyof T]: number } => {
+  const result = {} as { [K in keyof T]: number };
+
+  for (const key in sizes) {
+    if (Object.prototype.hasOwnProperty.call(sizes, key)) {
+      result[key] = calculateResponsiveSize(sizes[key], spacingMultiplier);
+    }
+  }
+
+  return result;
+};
+
+/**
+ * Calculate responsive size with subtle scaling
+ * For values that shouldn't scale as much (e.g., borderWidth, borderRadius)
+ * Uses 0.8x of the spacing multiplier
+ *
+ * @param baseSize - Base size in pixels
+ * @param spacingMultiplier - Multiplier from design tokens
+ * @returns Responsive size with subtle scaling
+ *
+ * @example
+ * const borderWidth = calculateResponsiveSizeSubtle(2, spacingMultiplier); // 2 → 2 (small tablets)
+ */
+export const calculateResponsiveSizeSubtle = (
+  baseSize: number,
+  spacingMultiplier: number
+): number => {
+  const subtleMultiplier = Math.max(1, spacingMultiplier * 0.8);
+  return Math.floor(baseSize * subtleMultiplier);
+};
+
+/**
+ * Calculate responsive line height from font size
+ * Standard 1.5x ratio for readability
+ *
+ * @param fontSize - Font size in pixels
+ * @param spacingMultiplier - Multiplier from design tokens
+ * @returns Line height in pixels
+ *
+ * @example
+ * const lineHeight = calculateLineHeight(16, spacingMultiplier); // 24 → 20
+ */
+export const calculateLineHeight = (
+  fontSize: number,
+  spacingMultiplier: number
+): number => {
+  return Math.floor(fontSize * spacingMultiplier * 1.5);
+};
+
+/**
+ * Create responsive StyleSheet values
+ * Converts an object with base sizes to responsive sizes
+ *
+ * @param baseStyles - Object with base style values
+ * @param spacingMultiplier - Multiplier from design tokens
+ * @returns Responsive style values
+ *
+ * @example
+ * const baseSizes = { width: 100, height: 50, padding: 16 };
+ * const responsiveSizes = createResponsiveSizes(baseSizes, spacingMultiplier);
+ */
+export const createResponsiveSizes = <T extends Record<string, number>>(
+  baseSizes: T,
+  spacingMultiplier: number
+): T => {
+  return calculateResponsiveSizes(baseSizes, spacingMultiplier) as T;
+};

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;

package/dist/atoms/button/styles/buttonStyles.d.ts

@@ -1,33 +0,0 @@
-/**
- * Button Base Styles
- */
-export declare const buttonStyles: {
-    button: {
-        alignItems: "center";
-        justifyContent: "flex-start";
-        flexDirection: "row";
-    };
-    content: {
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "flex-start";
-    };
-    rowReverse: {
-        flexDirection: "row-reverse";
-    };
-    fullWidth: {
-        width: "100%";
-    };
-    disabled: {
-        opacity: number;
-    };
-    disabledText: {
-        opacity: number;
-    };
-    iconLeft: {
-        marginRight: number;
-    };
-    iconRight: {
-        marginLeft: number;
-    };
-};

package/dist/atoms/button/styles/buttonVariantStyles.d.ts

@@ -1,6 +0,0 @@
-/**
- * Button Variant Styles
- */
-import type { DesignTokens } from '../../../theme';
-import type { ButtonVariant, ButtonVariantStyles } from '../types';
-export declare const getVariantStyles: (variant: ButtonVariant, tokens: DesignTokens) => ButtonVariantStyles;

package/dist/atoms/button/types/index.d.ts

@@ -1,38 +0,0 @@
-/**
- * AtomicButton Type Definitions
- */
-import type { StyleProp } from 'react-native';
-import type { TextStyle, ViewStyle } from 'react-native';
-import type { IconName } from '../../icon';
-export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'text' | 'danger';
-export type ButtonSize = 'sm' | 'md' | 'lg';
-export interface AtomicButtonProps {
-    readonly title?: string;
-    readonly children?: React.ReactNode;
-    readonly onPress: () => void;
-    readonly variant?: ButtonVariant;
-    readonly size?: ButtonSize;
-    readonly disabled?: boolean;
-    readonly loading?: boolean;
-    readonly icon?: IconName;
-    readonly iconPosition?: 'left' | 'right';
-    readonly fullWidth?: boolean;
-    readonly style?: StyleProp<ViewStyle>;
-    readonly textStyle?: StyleProp<TextStyle>;
-    readonly activeOpacity?: number;
-    readonly testID?: string;
-    readonly accessibilityLabel?: string;
-    readonly accessibilityHint?: string;
-    readonly accessibilityRole?: 'button' | 'link';
-}
-export interface ButtonSizeConfig {
-    readonly paddingVertical: number;
-    readonly paddingHorizontal: number;
-    readonly fontSize: number;
-    readonly iconSize: number;
-    readonly minHeight: number;
-}
-export interface ButtonVariantStyles {
-    readonly container: ViewStyle;
-    readonly text: TextStyle;
-}

package/dist/atoms/card/AtomicCard.d.ts

@@ -1,9 +0,0 @@
-/**
- * AtomicCard
- *
- * Unified card component that handles base card states, media, info, and glowing effects.
- * Replaces InfoCard, MediaCard, and GlowingCard molecules.
- */
-import React from 'react';
-import type { AtomicCardProps } from './types';
-export declare const AtomicCard: React.NamedExoticComponent<AtomicCardProps>;

package/dist/atoms/card/configs/cardPaddingConfig.d.ts

@@ -1,6 +0,0 @@
-/**
- * Card Padding Configurations
- */
-import type { DesignTokens } from '../../../theme';
-import type { CardPadding } from '../types';
-export declare const getCardPadding: (padding: CardPadding, tokens: DesignTokens) => number;