@umituz/react-native-design-system 4.27.29 → 4.27.31

package/dist/device/detection/iPadLayoutUtils.d.ts

@@ -19,6 +19,8 @@ export declare function getTouchTargetSize(): number;
 export declare function getIPadScreenPadding(): number;
 /**
  * Get font scale for iPad
+ * Optimized for readability - Apple HIG recommends slightly larger fonts on iPad
+ * but not too large to avoid crowding
  */
 export declare function getIPadFontScale(): number;
 export interface IPadLayoutInfo {

package/dist/molecules/alerts/AlertService.d.ts

@@ -11,4 +11,15 @@ export declare class AlertService {
     static createErrorAlert(title: string, message?: string, options?: AlertOptions): Alert;
     static createWarningAlert(title: string, message?: string, options?: AlertOptions): Alert;
     static createInfoAlert(title: string, message?: string, options?: AlertOptions): Alert;
+    /**
+     * Convenience methods to show alerts directly from outside React components
+     * These access the Zustand store directly without requiring hooks
+     */
+    static success(title: string, message?: string, options?: AlertOptions): string;
+    static error(title: string, message?: string, options?: AlertOptions): string;
+    static warning(title: string, message?: string, options?: AlertOptions): string;
+    static info(title: string, message?: string, options?: AlertOptions): string;
+    static show(type: AlertType, mode: AlertMode, title: string, message?: string, options?: AlertOptions): string;
+    static dismiss(id: string): void;
+    static clear(): void;
 }

package/dist/molecules/alerts/index.d.ts

@@ -13,6 +13,7 @@ export { AlertContainer } from './AlertContainer';
 export { AlertInline } from './AlertInline';
 export { AlertModal } from './AlertModal';
 export { AlertToast } from './AlertToast';
-export type { AlertType, AlertMode, AlertPosition, AlertAction, AlertOptions, Alert } from './AlertTypes';
+export { AlertType, AlertMode } from './AlertTypes';
+export type { AlertPosition, AlertAction, AlertOptions, Alert } from './AlertTypes';
 export * from './components';
 export * from './hooks';

package/dist/responsive/config.d.ts

@@ -46,7 +46,7 @@ export declare const SIZE_CONSTRAINTS: {
     readonly INPUT_MAX_LARGE: 200;
     readonly ICON_MAX_SMALL: 120;
     readonly ICON_MAX_TABLET: 180;
-    readonly CONTENT_MAX_TABLET: 600;
+    readonly CONTENT_MAX_TABLET: 672;
     readonly MODAL_MIN_SMALL: 250;
     readonly MODAL_MIN_STANDARD: 300;
     readonly MODAL_MIN_TABLET: 350;

package/dist/storage/domain/factories/StoreFactory.d.ts

@@ -1,6 +1,10 @@
 /**
  * Store Factory
- * Create Zustand stores with AsyncStorage persistence and actions
+ * Create Zustand stores with optional persistence and actions
+ *
+ * NOTE: For persistence, provide a storage implementation.
+ * Use `storageRepository` from '@umituz/react-native-design-system/storage'
+ * for a centralized AsyncStorage abstraction.
  */
 import type { StoreApi } from 'zustand';
 import type { StoreConfig } from '../types/Store';

package/dist/storage/index.d.ts

@@ -33,6 +33,22 @@ export type { IStorageRepository } from './application/ports/IStorageRepository'
 export { AsyncStorageRepository, storageRepository, } from './infrastructure/repositories/AsyncStorageRepository';
 export { storageService } from './infrastructure/adapters/StorageService';
 export type { StateStorage } from './domain/types/Store';
+/**
+ * Persistent storage export
+ *
+ * AsyncStorage natively provides the Promise-based API that state management libraries expect.
+ * This is a centralized export for all persistent stores to use.
+ *
+ * @example
+ * import { createStore, persistentStorage } from '@umituz/react-native-design-system/storage';
+ *
+ * createStore({
+ *   persist: true,
+ *   storage: persistentStorage,
+ *   ...
+ * });
+ */
+export { persistentStorage, zustandStorage } from './infrastructure/adapters/ZustandStorageAdapter';
 export { useStorage } from './presentation/hooks/useStorage';
 export { useStorageState } from './presentation/hooks/useStorageState';
 export { useStore } from './presentation/hooks/useStore';

package/dist/storage/infrastructure/adapters/ZustandStorageAdapter.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Persistent Storage Adapter
+ *
+ * Provides AsyncStorage in a format compatible with state management persist middleware.
+ *
+ * AsyncStorage natively supports the Promise-based API that state libraries expect:
+ * - 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 persistent stores throughout the app.
+ *
+ * @example
+ * import { createStore, persistentStorage } from '@umituz/react-native-design-system/storage';
+ *
+ * const store = createStore({
+ *   persist: true,
+ *   storage: persistentStorage,
+ *   ...
+ * });
+ */
+/**
+ * Persistent storage export
+ *
+ * AsyncStorage instance that can be used directly with state management persist middleware.
+ * No wrapping needed - AsyncStorage already provides the correct interface.
+ */
+export declare const persistentStorage: import("@react-native-async-storage/async-storage").AsyncStorageStatic;
+/**
+ * @deprecated Use persistentStorage instead
+ */
+export declare const zustandStorage: import("@react-native-async-storage/async-storage").AsyncStorageStatic;

package/dist/utilities/index.d.ts

@@ -1,5 +1,6 @@
 /**
- * Utilities - Public API
+ * Utilities Index
+ * Exports utility functions from various utility subfolders
  */
-export * from './clipboard';
-export * from './sharing';
+export * from "./clipboard";
+export * from "./sharing";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "4.27.29",
+  "version": "4.27.31",
   "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/molecules/alerts/AlertService.ts

@@ -4,6 +4,7 @@
 
 import { generateUUID } from '../../uuid';
 import { Alert, AlertType, AlertMode, AlertOptions, AlertPosition } from './AlertTypes';
+import { useAlertStore } from './AlertStore';
 
 export class AlertService {
     /**
@@ -57,4 +58,46 @@ export class AlertService {
     static createInfoAlert(title: string, message?: string, options?: AlertOptions): Alert {
         return this.createAlert(AlertType.INFO, AlertMode.TOAST, title, message, options);
     }
+
+    /**
+     * Convenience methods to show alerts directly from outside React components
+     * These access the Zustand store directly without requiring hooks
+     */
+    static success(title: string, message?: string, options?: AlertOptions): string {
+        const alert = this.createSuccessAlert(title, message, options);
+        useAlertStore.getState().addAlert(alert);
+        return alert.id;
+    }
+
+    static error(title: string, message?: string, options?: AlertOptions): string {
+        const alert = this.createErrorAlert(title, message, options);
+        useAlertStore.getState().addAlert(alert);
+        return alert.id;
+    }
+
+    static warning(title: string, message?: string, options?: AlertOptions): string {
+        const alert = this.createWarningAlert(title, message, options);
+        useAlertStore.getState().addAlert(alert);
+        return alert.id;
+    }
+
+    static info(title: string, message?: string, options?: AlertOptions): string {
+        const alert = this.createInfoAlert(title, message, options);
+        useAlertStore.getState().addAlert(alert);
+        return alert.id;
+    }
+
+    static show(type: AlertType, mode: AlertMode, title: string, message?: string, options?: AlertOptions): string {
+        const alert = this.createAlert(type, mode, title, message, options);
+        useAlertStore.getState().addAlert(alert);
+        return alert.id;
+    }
+
+    static dismiss(id: string): void {
+        useAlertStore.getState().dismissAlert(id);
+    }
+
+    static clear(): void {
+        useAlertStore.getState().clearAlerts();
+    }
 }

package/src/molecules/alerts/index.ts

@@ -17,8 +17,9 @@ export { AlertInline } from './AlertInline';
 export { AlertModal } from './AlertModal';
 export { AlertToast } from './AlertToast';
 
-// Types
-export type { AlertType, AlertMode, AlertPosition, AlertAction, AlertOptions, Alert } from './AlertTypes';
+// Types - Enums exported as values
+export { AlertType, AlertMode } from './AlertTypes';
+export type { AlertPosition, AlertAction, AlertOptions, Alert } from './AlertTypes';
 
 // Sub-exports
 export * from './components';

package/src/storage/index.ts

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

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

@@ -1,21 +1,21 @@
 /**
- * Zustand Storage Adapter
+ * Persistent Storage Adapter
  *
- * Provides AsyncStorage in a format compatible with Zustand persist middleware.
+ * Provides AsyncStorage in a format compatible with state management persist middleware.
  *
- * AsyncStorage natively supports the Promise-based API that Zustand expects:
+ * AsyncStorage natively supports the Promise-based API that state libraries expect:
  * - 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.
+ * This is a centralized export point for persistent stores throughout the app.
  *
  * @example
- * import { createStore, zustandStorage } from '@umituz/react-native-design-system/storage';
+ * import { createStore, persistentStorage } from '@umituz/react-native-design-system/storage';
  *
  * const store = createStore({
  *   persist: true,
- *   storage: zustandStorage,
+ *   storage: persistentStorage,
  *   ...
  * });
  */
@@ -23,9 +23,14 @@
 import AsyncStorage from '@react-native-async-storage/async-storage';
 
 /**
- * Zustand-compatible storage export
+ * Persistent storage export
  *
- * AsyncStorage instance that can be used directly with Zustand's persist middleware.
+ * AsyncStorage instance that can be used directly with state management persist middleware.
  * No wrapping needed - AsyncStorage already provides the correct interface.
  */
+export const persistentStorage = AsyncStorage;
+
+/**
+ * @deprecated Use persistentStorage instead
+ */
 export const zustandStorage = AsyncStorage;