@umituz/react-native-design-system 2.3.10 → 2.3.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.3.10",
+  "version": "2.3.11",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive and safe area utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/index.ts

@@ -226,6 +226,25 @@ export {
   type BadgeSize,
 } from './atoms';
 
+// =============================================================================
+// LAYOUTS EXPORTS
+// =============================================================================
+
+export {
+  ScreenLayout,
+  AppHeader,
+  ScreenHeader,
+  Grid,
+  Container,
+  FormLayout,
+  type ScreenLayoutProps,
+  type AppHeaderProps,
+  type ScreenHeaderProps,
+  type GridProps,
+  type ContainerProps,
+  type FormLayoutProps,
+} from './layouts';
+
 // =============================================================================
 // MOLECULES EXPORTS
 // =============================================================================
@@ -235,14 +254,36 @@ export {
   ListItem,
   SearchBar,
   IconContainer,
-  ScreenHeader,
   BaseModal,
   ConfirmationModal,
   useConfirmationModal,
   StepProgress,
-  Grid,
   List,
-  Container,
+  Avatar,
+  AvatarGroup,
+  AvatarUtils,
+  type AvatarProps,
+  type AvatarGroupProps,
+  type AvatarGroupItem,
+  type AvatarSize,
+  type AvatarShape,
+  type AvatarConfig,
+  type AvatarType,
+  // Bottom Sheet
+  BottomSheet,
+  BottomSheetModal,
+  SafeBottomSheetModalProvider,
+  FilterBottomSheet,
+  FilterSheet,
+  useBottomSheet,
+  useBottomSheetModal,
+  useListFilters,
+  type BottomSheetProps,
+  type BottomSheetModalProps,
+  type BottomSheetRef,
+  type BottomSheetModalRef,
+  type FilterOption,
+  type FilterCategory,
   // Alerts
   AlertBanner,
   AlertToast,
@@ -256,9 +297,7 @@ export {
   AlertMode,
   AlertPosition,
   type BaseModalProps,
-  type GridProps,
   type ListProps,
-  type ContainerProps,
   type Alert,
   type AlertAction,
   type AlertOptions,
@@ -269,11 +308,8 @@ export {
 // =============================================================================
 
 export {
-  ScreenLayout,
-  AppHeader,
   FormContainer,
-  FormLayout,
-  type FormLayoutProps,
+  type FormContainerProps,
 } from './organisms';
 
 // =============================================================================

package/src/{organisms → layouts/AppHeader}/AppHeader.tsx

@@ -11,8 +11,8 @@
 import React from 'react';
 import { View, type ViewStyle } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
-import { useAppDesignTokens } from '../theme';
-import { AtomicText, AtomicButton, type IconName } from '../atoms';
+import { useAppDesignTokens } from '../../theme';
+import { AtomicText, AtomicButton, type IconName } from '../../atoms';
 
 // =============================================================================
 // TYPE DEFINITIONS

package/src/layouts/AppHeader/index.ts

@@ -0,0 +1 @@
+export * from './AppHeader';

package/src/{molecules → layouts/ScreenHeader}/ScreenHeader.tsx

@@ -14,8 +14,8 @@
 
 import React from 'react';
 import { View, TouchableOpacity, ViewStyle } from 'react-native';
-import { AtomicIcon, AtomicText } from '../atoms';
-import { useAppDesignTokens } from '../theme';
+import { AtomicIcon, AtomicText } from '../../atoms';
+import { useAppDesignTokens } from '../../theme';
 
 export interface ScreenHeaderProps {
   /** Screen title (centered) */

package/src/layouts/ScreenHeader/index.ts

@@ -0,0 +1 @@
+export * from './ScreenHeader';

package/src/{organisms → layouts/ScreenLayout}/ScreenLayout.tsx

@@ -27,10 +27,10 @@ import React, { useMemo } from 'react';
 import { View, ScrollView, StyleSheet, type ViewStyle, RefreshControlProps } from 'react-native';
 import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
 import type { Edge } from 'react-native-safe-area-context';
-import { useAppDesignTokens } from '../theme';
-import { useResponsive } from '../responsive/useResponsive';
-import { getResponsiveMaxWidth } from '../responsive/responsiveSizing';
-import { getResponsiveHorizontalPadding } from '../responsive/responsiveLayout';
+import { useAppDesignTokens } from '../../theme';
+import { useResponsive } from '../../responsive/useResponsive';
+import { getResponsiveMaxWidth } from '../../responsive/responsiveSizing';
+import { getResponsiveHorizontalPadding } from '../../responsive/responsiveLayout';
 
 /**
  * NOTE: This component now works in conjunction with the SafeAreaProvider

package/src/layouts/ScreenLayout/index.ts

@@ -0,0 +1 @@
+export * from './ScreenLayout';

package/src/layouts/index.ts

@@ -0,0 +1,6 @@
+export * from './AppHeader';
+export * from './Container';
+export * from './FormLayout';
+export * from './Grid';
+export * from './ScreenHeader';
+export * from './ScreenLayout';

package/src/molecules/bottom-sheet/components/filter/FilterBottomSheet.tsx

@@ -8,7 +8,7 @@ import React, { forwardRef, useCallback } from 'react';
 import { View, StyleSheet, TouchableOpacity, ScrollView } from 'react-native';
 import { BottomSheetModal } from '../BottomSheetModal';
 import type { BottomSheetModalRef } from '../../types/BottomSheet';
-import { AtomicText, AtomicIcon, AtomicButton } from '../../../atoms';
+import { AtomicText, AtomicIcon, AtomicButton } from "../../../../atoms";
 import { useAppDesignTokens } from '../../../../theme';
 import type { FilterOption, FilterCategory } from '../../types/Filter';
 import { FilterUtils } from '../../types/Filter';

package/src/molecules/bottom-sheet/components/filter/FilterSheet.tsx

@@ -1,9 +1,9 @@
 import React, { useCallback } from "react";
 import { View, StyleSheet, ScrollView, Modal, Pressable } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { AtomicButton } from "../../../atoms";
+import { AtomicText, AtomicIcon, AtomicButton } from "../../../../atoms";
 import { useAppDesignTokens } from "../../../../theme";
-import type { FilterOption } from "../../types/Filter";
+import type { FilterOption, FilterCategory } from "../../types/Filter";
 import { FilterUtils } from "../../types/Filter";
 import { FilterSheetHeader } from "./FilterSheetComponents/FilterSheetHeader";
 import { FilterSheetOption } from "./FilterSheetComponents/FilterSheetOption";

package/src/molecules/index.ts

@@ -10,7 +10,6 @@ export { FormField, type FormFieldProps } from './FormField';
 export { ListItem, type ListItemProps } from './ListItem';
 export { SearchBar, type SearchBarProps } from './SearchBar';
 export { IconContainer } from './IconContainer';
-export { ScreenHeader, type ScreenHeaderProps } from './ScreenHeader';
 export { BaseModal, type BaseModalProps } from './BaseModal';
 export { ConfirmationModal } from './ConfirmationModalMain';
 export { useConfirmationModal } from './confirmation-modal/useConfirmationModal';
@@ -26,9 +25,7 @@ export * from './Divider';
 export * from "./StepProgress";
 
 // Responsive Components
-export { Grid, type GridProps } from './Grid';
 export { List, type ListProps } from './List';
-export { Container, type ContainerProps } from './Container';
 
 // Alerts
 export * from './alerts';

package/src/organisms/index.ts

@@ -11,25 +11,13 @@
  */
 
 // Component exports
-export { AppHeader } from './AppHeader';
-export { ScreenLayout } from './ScreenLayout';
 export { FormContainer } from './FormContainer';
-export { FormLayout } from './FormLayout';
 
 // Type exports
-export type { AppHeaderProps } from './AppHeader';
-export type { ScreenLayoutProps } from './ScreenLayout';
 export type { FormContainerProps } from './FormContainer';
-export type { FormLayoutProps } from './FormLayout';
 
 // Union type for all organism props (used for type narrowing)
-import type { AppHeaderProps } from './AppHeader';
-import type { ScreenLayoutProps } from './ScreenLayout';
 import type { FormContainerProps } from './FormContainer';
-import type { FormLayoutProps } from './FormLayout';
 
 export type OrganismComponentProps =
-  | { type: 'AppHeader'; props: AppHeaderProps }
-  | { type: 'ScreenLayout'; props: ScreenLayoutProps }
-  | { type: 'FormContainer'; props: FormContainerProps }
-  | { type: 'FormLayout'; props: FormLayoutProps };
+  | { type: 'FormContainer'; props: FormContainerProps };