@umituz/react-native-design-system 4.27.25 → 4.27.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "4.27.25",
+  "version": "4.27.26",
   "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 - TanStack persistence and expo-image-manipulator now lazy loaded",
   "main": "./src/index.ts",
   "types": "./dist/index.d.ts",

package/src/storage/index.ts

@@ -127,6 +127,27 @@ export {
 export { storageService } from './infrastructure/adapters/StorageService';
 export type { StateStorage } from './domain/types/Store';
 
+// =============================================================================
+// ZUSTAND STORAGE - Sync API for Zustand persist middleware
+// =============================================================================
+
+/**
+ * Zustand-compatible storage export
+ *
+ * AsyncStorage natively provides the Promise-based API that Zustand persist expects.
+ * This is a centralized export for all Zustand stores to use.
+ *
+ * @example
+ * import { createStore, zustandStorage } from '@umituz/react-native-design-system/storage';
+ *
+ * createStore({
+ *   persist: true,
+ *   storage: zustandStorage,
+ *   ...
+ * });
+ */
+export { zustandStorage } from './infrastructure/adapters/ZustandStorageAdapter';
+
 // =============================================================================
 // PRESENTATION LAYER - Hooks
 // =============================================================================

package/src/storage/infrastructure/adapters/ZustandStorageAdapter.ts

@@ -0,0 +1,31 @@
+/**
+ * Zustand Storage Adapter
+ *
+ * Provides AsyncStorage in a format compatible with Zustand persist middleware.
+ *
+ * AsyncStorage natively supports the Promise-based API that Zustand expects:
+ * - getItem: (key: string) => Promise<string | null>
+ * - setItem: (key: string, value: string) => Promise<void>
+ * - removeItem: (key: string) => Promise<void>
+ *
+ * This is a centralized export point for Zustand stores throughout the app.
+ *
+ * @example
+ * import { createStore, zustandStorage } from '@umituz/react-native-design-system/storage';
+ *
+ * const store = createStore({
+ *   persist: true,
+ *   storage: zustandStorage,
+ *   ...
+ * });
+ */
+
+import AsyncStorage from '@react-native-async-storage/async-storage';
+
+/**
+ * Zustand-compatible storage export
+ *
+ * AsyncStorage instance that can be used directly with Zustand's persist middleware.
+ * No wrapping needed - AsyncStorage already provides the correct interface.
+ */
+export const zustandStorage = AsyncStorage;