@umituz/react-native-design-system 1.5.59 → 1.5.61

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "1.5.59",
+  "version": "1.5.61",
   "description": "Universal design system for React Native apps - Domain-Driven Design architecture with Material Design 3 components",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -10,7 +10,9 @@
       "import": "./src/index.ts",
       "require": "./src/index.ts",
       "default": "./src/index.ts"
-    }
+    },
+    "./src/index.ts": "./src/index.ts",
+    "./package.json": "./package.json"
   },
   "scripts": {
     "typecheck": "npx --yes -p typescript tsc --noEmit --skipLibCheck",

package/src/index.ts

@@ -1,187 +1,48 @@
+/**
+ * @umituz/react-native-design-system
+ * 
+ * ⚠️ DEPRECATED: This package is deprecated. 
+ * Please import directly from individual packages:
+ * - @umituz/react-native-design-system-atoms
+ * - @umituz/react-native-design-system-molecules  
+ * - @umituz/react-native-design-system-organisms
+ * - @umituz/react-native-design-system-theme
+ * - @umituz/react-native-design-system-responsive
+ * - @umituz/react-native-design-system-typography
+ * 
+ * This package only exports its own utilities:
+ * - useCommonStyles
+ * - variants utilities
+ */
+
+// =============================================================================
+// COMMON STYLES - Own utility
 // =============================================================================
-// ATOMS - Atomic Design Components
-// =============================================================================
-export {
-  AtomicButton,
-  AtomicText,
-  AtomicCard,
-  AtomicInput,
-  AtomicTextArea,
-  AtomicPicker,
-  AtomicIcon,
-  AtomicImage,
-  AtomicSwitch,
-  AtomicBadge,
-  AtomicFormError,
-  AtomicAvatar,
-  AtomicChip,
-  AtomicDivider,
-  AtomicProgress,
-  AtomicAvatarGroup,
-  AtomicFab,
-  AtomicFilter,
-  AtomicTouchable,
-  AtomicNumberInput,
-  AtomicDatePicker,
-  AtomicSearchBar,
-  AtomicSort,
-  type AtomicButtonProps,
-  type AtomicTextProps,
-  type AtomicCardProps,
-  type AtomicInputProps,
-  type AtomicTextAreaProps,
-  type AtomicPickerProps,
-  type AtomicIconProps,
-  type AtomicImageProps,
-  type AtomicSwitchProps,
-  type AtomicBadgeProps,
-  type AtomicFormErrorProps,
-  type AtomicAvatarProps,
-  type AtomicChipProps,
-  type AtomicDividerProps,
-  type AtomicProgressProps,
-  type AtomicAvatarGroupProps,
-  type AtomicFabProps,
-  type AtomicFilterProps,
-  type AtomicTouchableProps,
-  type AtomicNumberInputProps,
-  type AtomicDatePickerProps,
-  type AtomicSearchBarProps,
-  type AtomicSortProps,
-  type IconName,
-  type IconSize,
-  type IconColor,
-} from '@umituz/react-native-design-system-atoms';
-
-// Icon alias
 export {
-  AtomicIcon as Icon,
-  type AtomicIconProps as IconProps,
-} from '@umituz/react-native-design-system-atoms';
-
-// =============================================================================
-// MOLECULES - Composite Components
-// =============================================================================
-export {
-  FormField,
-  ListItem,
-  SearchBar,
-  SectionCard,
-  IconContainer,
-  ScreenHeader,
-  EmptyState,
-  SectionHeader,
-  SectionContainer,
-  GridContainer,
-  ConfirmationModal,
-  useConfirmationModal,
-  type FormFieldProps,
-  type ListItemProps,
-  type SearchBarProps,
-  type ScreenHeaderProps,
-  type ConfirmationModalProps,
-  type ConfirmationModalVariant,
-} from '@umituz/react-native-design-system-molecules';
-
-// ConfirmationModal alias
-export {
-  ConfirmationModal as AtomicConfirmationModal,
-  type ConfirmationModalProps as AtomicConfirmationModalProps,
-} from '@umituz/react-native-design-system-molecules';
+  useCommonStyles,
+} from './presentation/tokens/commonStyles';
 
 // =============================================================================
-// ORGANISMS - Complex Patterns
+// VARIANTS UTILITIES - Own utilities
 // =============================================================================
 export {
-  AppHeader,
-  ScreenLayout,
-  FormContainer,
-  type AppHeaderProps,
-  type ScreenLayoutProps,
-  type FormContainerProps,
-} from '@umituz/react-native-design-system-organisms';
+  createVariants,
+  type VariantConfig,
+  type VariantProps,
+} from './presentation/utils/variants/core';
 
-// =============================================================================
-// TYPOGRAPHY TYPES
-// =============================================================================
-export type {
-  TextStyleVariant,
-  ColorVariant,
-} from '@umituz/react-native-design-system-typography';
-
-// =============================================================================
-// THEME & DESIGN TOKENS
-// =============================================================================
 export {
-  createDesignTokens,
-  STATIC_DESIGN_TOKENS,
-  BASE_TOKENS,
-  STATIC_TOKENS,
-  withAlpha,
-  lightColors,
-  darkColors,
-  getColorPalette,
-  useAppDesignTokens,
-  useDesignSystemTheme,
-  useTheme,
-  lightTheme,
-  darkTheme,
-  createResponsiveValue,
-  ThemeStorage,
-  type DesignTokens,
-  type ThemeMode,
-  type ColorPalette,
-  type BaseTokens,
-  type Spacing,
-  type Typography,
-  type Borders,
-  type Theme,
-  type ExtendedColorPalette,
-} from '@umituz/react-native-design-system-theme';
+  createAdvancedVariants,
+  type AdvancedVariantConfig,
+  type CompoundVariant,
+} from './presentation/utils/variants/compound';
 
-// =============================================================================
-// COMMON STYLES
-// =============================================================================
 export {
-  useCommonStyles,
-} from './presentation/tokens/commonStyles';
+  combineStyles,
+} from './presentation/utils/variants/helpers';
 
-// =============================================================================
-// RESPONSIVE UTILITIES
-// =============================================================================
 export {
-  IOS_HIG,
-  ANDROID_MATERIAL,
-  PLATFORM_CONSTANTS,
-  isValidTouchTarget,
-  getMinTouchTarget,
-  useResponsive,
-  useResponsiveSizes,
-  useDeviceType,
-  getScreenDimensions,
-  isSmallPhone,
-  isTablet,
-  getResponsiveLogoSize,
-  getResponsiveInputHeight,
-  getResponsiveHorizontalPadding,
-  getResponsiveBottomPosition,
-  getResponsiveFABPosition,
-  getResponsiveModalMaxHeight,
-  getResponsiveMinModalHeight,
-  getResponsiveIconContainerSize,
-  getResponsiveGridColumns,
-  getResponsiveMaxWidth,
-  getResponsiveFontSize,
-  isLandscape,
-  getKeyboardBehavior,
-  getDeviceType,
-  getMinTouchTargetSize,
-  getSpacingMultiplier,
-  getOnboardingIconMarginTop,
-  getOnboardingIconMarginBottom,
-  getOnboardingTitleMarginBottom,
-  getOnboardingTextPadding,
-  getOnboardingDescriptionMarginTop,
-  type UseResponsiveReturn,
-  type DeviceType,
-} from '@umituz/react-native-design-system-responsive';
+  conditionalStyle,
+  responsiveStyle,
+  combineStyles,
+} from './presentation/utils/variants/helpers';