@umituz/react-native-design-system 4.28.15 → 4.28.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "4.28.15",
+  "version": "4.28.16",
   "description": "Universal design system for React Native apps with safe navigation hooks - updated SKILL.md with navigation documentation",
   "main": "./src/index.ts",
   "types": "./dist/index.d.ts",

package/src/molecules/emoji/index.ts

@@ -166,8 +166,11 @@ export type {
 export { EmojiCategory, EmojiUtils } from './domain/entities/Emoji';
 
 // Presentation Components
-export { EmojiPicker } from './presentation/components/EmojiPicker';
-export type { EmojiPickerProps } from './presentation/components/EmojiPicker';
+// NOTE: EmojiPicker requires rn-emoji-keyboard (optional peer dependency)
+// Import it directly when needed:
+// import { EmojiPicker } from '@umituz/react-native-design-system/src/molecules/emoji/presentation/components/EmojiPicker';
+// export { EmojiPicker } from './presentation/components/EmojiPicker';
+// export type { EmojiPickerProps } from './presentation/components/EmojiPicker';
 
 // Presentation Hooks
 export { useEmojiPicker } from './presentation/hooks/useEmojiPicker';

package/src/molecules/navigation/components/NavigationHeader.tsx

@@ -25,14 +25,14 @@ export const NavigationHeader: React.FC<NavigationHeaderProps> = ({
   const arrowLeftIcon = useIconName('arrowLeft');
   const spacingMultiplier = tokens.spacingMultiplier;
 
-  const styles = useMemo(() => StyleSheet.create({
+  const styles = useMemo(() => ({
     container: {
       paddingTop: insets.top,
       paddingHorizontal: tokens.spacing.md,
       paddingBottom: tokens.spacing.sm,
       backgroundColor: tokens.colors.backgroundPrimary,
-      flexDirection: 'row',
-      alignItems: 'center',
+      flexDirection: 'row' as const,
+      alignItems: 'center' as const,
       borderBottomWidth: 1,
       borderBottomColor: tokens.colors.outlineVariant,
       zIndex: 100,
@@ -42,16 +42,16 @@ export const NavigationHeader: React.FC<NavigationHeaderProps> = ({
       width: calculateResponsiveSize(NAVIGATION.backButton.width, spacingMultiplier),
       height: calculateResponsiveSize(NAVIGATION.backButton.height, spacingMultiplier),
       borderRadius: tokens.borders.radius.full,
-      alignItems: 'center',
-      justifyContent: 'center',
+      alignItems: 'center' as const,
+      justifyContent: 'center' as const,
       backgroundColor: tokens.colors.surfaceVariant,
     },
     title: {
       flex: 1,
-      textAlign: centerTitle ? 'center' : 'left',
+      textAlign: (centerTitle ? 'center' : 'left') as 'center' | 'left',
     },
     sideElement: {
-      width: centerTitle ? calculateResponsiveSize(40, spacingMultiplier) : 'auto',
+      width: centerTitle ? calculateResponsiveSize(40, spacingMultiplier) : 'auto' as const,
     }
   }), [tokens, insets, centerTitle, spacingMultiplier]);