@umituz/react-native-design-system 4.29.1 → 4.29.2

package/dist/atoms/icon/iconStore.d.ts

@@ -58,6 +58,8 @@ interface IconStore {
     reset: () => void;
 }
 export declare const useIconStore: import("zustand").UseBoundStore<import("zustand").StoreApi<IconStore>>;
+export declare const iconStore: import("zustand").UseBoundStore<import("zustand").StoreApi<IconStore>>;
+export declare const DEFAULT_ICON_NAMES: IconNames;
 /**
  * Get icon renderer
  */

package/dist/atoms/icon/index.d.ts

@@ -8,5 +8,5 @@
  * - Icon name normalization and caching
  */
 export { AtomicIcon, type AtomicIconProps, type IconSize, type IconName, type IconColor, } from './AtomicIcon';
-export { useIconStore, useIconRenderer, useIconName, useHasIconConfig, type IconNames, type IconRenderer, type IconRenderProps, REQUIRED_ICON_KEYS, } from './iconStore';
+export { useIconStore, useIconRenderer, useIconName, useHasIconConfig, iconStore, DEFAULT_ICON_NAMES, type IconNames, type IconRenderer, type IconRenderProps, REQUIRED_ICON_KEYS, } from './iconStore';
 export { type IconSizePreset, ICON_SIZES, getIconSize, isIconSizePreset, } from './AtomicIcon.types';

package/dist/theme/infrastructure/providers/DesignSystemProvider.d.ts

@@ -2,6 +2,7 @@ import React, { ReactNode } from 'react';
 import type { ThemeMode } from '../../core/ColorPalette';
 import type { CustomThemeColors } from '../../core/CustomColors';
 import type { SplashScreenProps } from '../../../molecules/splash/types';
+import { type IconNames } from '../../../atoms/icon/iconStore';
 interface DesignSystemProviderProps {
     children: ReactNode;
     customColors?: CustomThemeColors;
@@ -12,6 +13,14 @@ interface DesignSystemProviderProps {
     loadingComponent?: ReactNode;
     onInitialized?: () => void;
     onError?: (error: unknown) => void;
+    /** Icon names available in the app (defaults to standard set) */
+    iconNames?: IconNames;
+    /** Icon renderer function from @umituz/react-native-icons or similar */
+    iconRenderer?: (props: {
+        name: string;
+        size: number;
+        color: string;
+    }) => React.ReactNode;
 }
 export declare const DesignSystemProvider: React.FC<DesignSystemProviderProps>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "4.29.1",
+  "version": "4.29.2",
   "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/atoms/icon/iconStore.ts

@@ -91,6 +91,38 @@ export const useIconStore = create<IconStore>()((set) => ({
   reset: () => set({ iconNames: null, iconRenderer: null, isConfigured: false }),
 }));
 
+// Alias for backward compatibility
+export const iconStore = useIconStore;
+
+// Default icon names for fallback
+export const DEFAULT_ICON_NAMES: IconNames = {
+  close: 'x',
+  check: 'check',
+  checkCircle: 'check-circle',
+  chevronLeft: 'chevron-left',
+  chevronRight: 'chevron-right',
+  chevronUp: 'chevron-up',
+  chevronDown: 'chevron-down',
+  arrowLeft: 'arrow-left',
+  arrowRight: 'arrow-right',
+  search: 'search',
+  closeCircle: 'x-circle',
+  clock: 'clock',
+  refresh: 'refresh-cw',
+  alertCircle: 'alert-circle',
+  star: 'star',
+  starOutline: 'star-outline',
+  wifi: 'wifi',
+  wifiOff: 'wifi-off',
+  info: 'info',
+  trash: 'trash',
+  calendar: 'calendar',
+  swap: 'swap',
+  colorFilter: 'filter',
+  diamond: 'diamond',
+  award: 'award',
+};
+
 /**
  * Get icon renderer
  */

package/src/theme/infrastructure/providers/DesignSystemProvider.tsx

@@ -8,7 +8,7 @@ import type { ThemeMode } from '../../core/ColorPalette';
 import type { CustomThemeColors } from '../../core/CustomColors';
 import type { SplashScreenProps } from '../../../molecules/splash/types';
 import { FIVE_SECONDS_MS } from '../../../utils/constants/TimeConstants';
-import { iconStore, DEFAULT_ICON_NAMES } from '../../../atoms/icon/iconStore';
+import { iconStore, DEFAULT_ICON_NAMES, type IconNames } from '../../../atoms/icon/iconStore';
 
 // Lazy load SplashScreen to avoid circular dependency
 const SplashScreen = lazy(() => import('../../../molecules/splash').then(m => ({ default: m.SplashScreen })));
@@ -26,7 +26,7 @@ interface DesignSystemProviderProps {
   onInitialized?: () => void;
   onError?: (error: unknown) => void;
   /** Icon names available in the app (defaults to standard set) */
-  iconNames?: string[];
+  iconNames?: IconNames;
   /** Icon renderer function from @umituz/react-native-icons or similar */
   iconRenderer?: (props: { name: string; size: number; color: string }) => React.ReactNode;
 }
@@ -111,7 +111,7 @@ export const DesignSystemProvider: React.FC<DesignSystemProviderProps> = ({
   // Configure icon renderer if provided
   useEffect(() => {
     if (iconRenderer) {
-      iconStore.setConfig(iconNames || DEFAULT_ICON_NAMES, iconRenderer);
+      iconStore.getState().setConfig(iconNames || DEFAULT_ICON_NAMES, iconRenderer);
     }
   }, [iconRenderer, iconNames]);