@umituz/react-native-design-system 2.9.31 → 2.9.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.9.31",
+  "version": "2.9.33",
   "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": "./src/index.ts",

package/src/exports/molecules.ts

@@ -110,6 +110,8 @@ export {
   type ScreenOptionsParams,
   type TabsNavigatorProps,
   type StackNavigatorProps,
+  type StackNavigatorConfig,
+  type StackScreen,
   type FabButtonProps,
   type TabScreen,
   type TabNavigatorConfig,
@@ -187,4 +189,12 @@ export {
   InfoGrid,
   type InfoGridProps,
   type InfoGridItem,
+
+  // Circular Menu
+  CircularMenu,
+  CircularMenuItem,
+  CircularMenuBackground,
+  CircularMenuCloseButton,
+  type CircularMenuProps,
+  type CircularMenuAction,
 } from "../molecules";

package/src/molecules/circular-menu/CircularMenuBackground.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "../../theme/useAppDesignTokens";
+import { useAppDesignTokens } from "../../theme";
 import { ARC_BACKGROUND } from "./constants";
 
 export const CircularMenuBackground: React.FC = () => {

package/src/molecules/circular-menu/CircularMenuCloseButton.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { TouchableOpacity, StyleSheet } from "react-native";
-import { AtomicIcon } from "../../atoms/AtomicIcon";
-import { useAppDesignTokens } from "../../theme/useAppDesignTokens";
+import { AtomicIcon } from "../../atoms";
+import { useAppDesignTokens } from "../../theme";
 import { LAYOUT } from "./constants";
 
 export interface CircularMenuCloseButtonProps {

package/src/molecules/circular-menu/CircularMenuItem.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 import { View, StyleSheet, TouchableOpacity } from "react-native";
-import { AtomicIcon } from "../../atoms/AtomicIcon";
-import { AtomicText } from "../../atoms/AtomicText";
-import { useAppDesignTokens } from "../../theme/useAppDesignTokens";
+import { AtomicIcon } from "../../atoms";
+import { AtomicText } from "../../atoms";
+import { useAppDesignTokens } from "../../theme";
 import { LAYOUT } from "./constants";
 
 export interface CircularMenuItemProps {

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

@@ -1,13 +1,14 @@
-import { NavigationContainerRef } from "@react-navigation/native";
+import { NavigationContainer as RNNavigationContainer } from "@react-navigation/native";
+import React from "react";
 
 /**
  * NavigationContainer Component
  *
- * Wrapper around React Navigation's NavigationContainerRef
+ * Wrapper around React Navigation's NavigationContainer
  * Provides navigation support to applications.
  */
 export const NavigationContainer: React.FC<{
   children: React.ReactNode;
 }> = ({ children }) => {
-  return <NavigationContainerRef>{children}</NavigationContainerRef>;
+  return <RNNavigationContainer>{children}</RNNavigationContainer>;
 };