rn-iconify 1.0.0 → 2.0.0

package/lib/typescript/performance/types.d.ts

@@ -0,0 +1,156 @@
+/**
+ * Performance monitoring types for rn-iconify
+ */
+/**
+ * Icon load event type
+ */
+export type LoadEventType = 'memory_hit' | 'bundled_hit' | 'disk_hit' | 'network_fetch' | 'error';
+/**
+ * Single icon load event
+ */
+export interface IconLoadEvent {
+    /**
+     * Icon name (e.g., "mdi:home")
+     */
+    iconName: string;
+    /**
+     * Event type
+     */
+    type: LoadEventType;
+    /**
+     * Load time in milliseconds
+     */
+    duration: number;
+    /**
+     * Timestamp of the event
+     */
+    timestamp: number;
+    /**
+     * Error message if type is 'error'
+     */
+    error?: string;
+}
+/**
+ * Cache statistics
+ */
+export interface CacheStatistics {
+    /**
+     * Number of memory cache hits
+     */
+    memoryHits: number;
+    /**
+     * Number of bundled icon hits
+     */
+    bundledHits: number;
+    /**
+     * Number of disk cache hits
+     */
+    diskHits: number;
+    /**
+     * Number of network fetches
+     */
+    networkFetches: number;
+    /**
+     * Number of errors
+     */
+    errors: number;
+    /**
+     * Total requests
+     */
+    totalRequests: number;
+    /**
+     * Cache hit rate (0-1)
+     */
+    hitRate: number;
+}
+/**
+ * Performance summary
+ */
+export interface PerformanceSummary {
+    /**
+     * Average load time in milliseconds
+     */
+    avgLoadTime: number;
+    /**
+     * Minimum load time in milliseconds
+     */
+    minLoadTime: number;
+    /**
+     * Maximum load time in milliseconds
+     */
+    maxLoadTime: number;
+    /**
+     * 50th percentile (median) load time
+     */
+    p50LoadTime: number;
+    /**
+     * 90th percentile load time
+     */
+    p90LoadTime: number;
+    /**
+     * 99th percentile load time
+     */
+    p99LoadTime: number;
+    /**
+     * Total icons loaded
+     */
+    totalLoads: number;
+    /**
+     * Total errors
+     */
+    totalErrors: number;
+    /**
+     * Uptime since monitoring started (ms)
+     */
+    uptime: number;
+}
+/**
+ * Complete performance report
+ */
+export interface PerformanceReport {
+    /**
+     * Performance summary
+     */
+    summary: PerformanceSummary;
+    /**
+     * Cache statistics
+     */
+    cacheStats: CacheStatistics;
+    /**
+     * Load time breakdown by type
+     */
+    loadTimesByType: {
+        memory: number;
+        bundled: number;
+        disk: number;
+        network: number;
+    };
+    /**
+     * Top slowest icons
+     */
+    slowestIcons: Array<{
+        iconName: string;
+        avgDuration: number;
+        count: number;
+    }>;
+    /**
+     * Most frequently loaded icons
+     */
+    mostUsedIcons: Array<{
+        iconName: string;
+        count: number;
+    }>;
+    /**
+     * Recent events
+     */
+    recentEvents: IconLoadEvent[];
+    /**
+     * Report timestamp
+     */
+    generatedAt: number;
+}
+/**
+ * Performance listener callback
+ */
+export type PerformanceListener = (event: IconLoadEvent) => void;
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/performance/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/performance/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,aAAa,GAAG,UAAU,GAAG,eAAe,GAAG,OAAO,CAAC;AAElG;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC;IAEpB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,OAAO,EAAE,kBAAkB,CAAC;IAE5B;;OAEG;IACH,UAAU,EAAE,eAAe,CAAC;IAE5B;;OAEG;IACH,eAAe,EAAE;QACf,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IAEF;;OAEG;IACH,YAAY,EAAE,KAAK,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,MAAM,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;IAEH;;OAEG;IACH,aAAa,EAAE,KAAK,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;IAEH;;OAEG;IACH,YAAY,EAAE,aAAa,EAAE,CAAC;IAE9B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC"}

package/lib/typescript/placeholder/PlaceholderFactory.d.ts

@@ -0,0 +1,44 @@
+/**
+ * PlaceholderFactory
+ * Creates the appropriate placeholder component based on type
+ */
+import React from 'react';
+import type { PlaceholderType, PlaceholderConfig } from './types';
+/**
+ * Props for PlaceholderFactory
+ */
+export interface PlaceholderFactoryProps extends PlaceholderConfig {
+    /**
+     * Type of placeholder to render
+     */
+    type: PlaceholderType;
+    /**
+     * Width of the placeholder
+     */
+    width: number;
+    /**
+     * Height of the placeholder
+     */
+    height: number;
+    /**
+     * Test ID for testing
+     */
+    testID?: string;
+}
+/**
+ * PlaceholderFactory - renders the appropriate placeholder component
+ *
+ * @example
+ * ```tsx
+ * // Using preset
+ * <PlaceholderFactory type="shimmer" width={24} height={24} />
+ *
+ * // Using custom component
+ * <PlaceholderFactory type={<ActivityIndicator />} width={24} height={24} />
+ * ```
+ */
+export declare function PlaceholderFactory({ type, width, height, color, highlightColor, duration, borderRadius, testID, }: PlaceholderFactoryProps): React.ReactElement | null;
+export declare namespace PlaceholderFactory {
+    var displayName: string;
+}
+//# sourceMappingURL=PlaceholderFactory.d.ts.map

package/lib/typescript/placeholder/PlaceholderFactory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaceholderFactory.d.ts","sourceRoot":"","sources":["../../../src/placeholder/PlaceholderFactory.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAyB,MAAM,OAAO,CAAC;AAK9C,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAqB,MAAM,SAAS,CAAC;AAErF;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IAChE;;OAEG;IACH,IAAI,EAAE,eAAe,CAAC;IAEtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AASD;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,MAAM,EACN,KAAK,EACL,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,MAAM,GACP,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CA0DrD;yBAnEe,kBAAkB"}

package/lib/typescript/placeholder/Pulse.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Pulse Placeholder Component
+ * Animated opacity fade effect while icon is loading
+ */
+import React from 'react';
+import type { PlaceholderProps } from './types';
+/**
+ * Pulse placeholder - animated opacity fade effect
+ * Provides subtle visual feedback during loading
+ */
+declare function PulseComponent({ width, height, color, duration, borderRadius, testID, }: PlaceholderProps): React.ReactElement;
+/**
+ * Memoized Pulse component
+ * Animation runs independently of re-renders
+ */
+export declare const Pulse: React.MemoExoticComponent<typeof PulseComponent>;
+export {};
+//# sourceMappingURL=Pulse.d.ts.map

package/lib/typescript/placeholder/Pulse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pulse.d.ts","sourceRoot":"","sources":["../../../src/placeholder/Pulse.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAkC,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;;GAGG;AACH,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,MAAM,EACN,KAAwC,EACxC,QAA8C,EAC9C,YAAsD,EACtD,MAAM,GACP,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAmDvC;AAQD;;;GAGG;AACH,eAAO,MAAM,KAAK,kDAAuB,CAAC"}

package/lib/typescript/placeholder/Shimmer.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Shimmer Placeholder Component
+ * Animated gradient sweep effect while icon is loading
+ */
+import React from 'react';
+import type { PlaceholderProps } from './types';
+/**
+ * Shimmer placeholder - animated light sweep effect
+ * Provides prominent visual feedback during loading
+ * Uses translateX animation for smooth performance
+ */
+declare function ShimmerComponent({ width, height, color, highlightColor, duration, borderRadius, testID, }: PlaceholderProps): React.ReactElement;
+/**
+ * Memoized Shimmer component
+ * Animation runs independently of re-renders
+ */
+export declare const Shimmer: React.MemoExoticComponent<typeof ShimmerComponent>;
+export {};
+//# sourceMappingURL=Shimmer.d.ts.map

package/lib/typescript/placeholder/Shimmer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../../../src/placeholder/Shimmer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAkC,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;;;GAIG;AACH,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,MAAM,EACN,KAAwC,EACxC,cAA0D,EAC1D,QAA8C,EAC9C,YAAsD,EACtD,MAAM,GACP,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CA4DvC;AAeD;;;GAGG;AACH,eAAO,MAAM,OAAO,oDAAyB,CAAC"}

package/lib/typescript/placeholder/Skeleton.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Skeleton Placeholder Component
+ * Static gray box shown while icon is loading
+ */
+import React from 'react';
+import type { PlaceholderProps } from './types';
+/**
+ * Skeleton placeholder - a simple static colored box
+ * Lightweight alternative when animation is not needed
+ */
+declare function SkeletonComponent({ width, height, color, borderRadius, testID, }: PlaceholderProps): React.ReactElement;
+/**
+ * Memoized Skeleton component
+ * Only re-renders when dimensions or styling change
+ */
+export declare const Skeleton: React.MemoExoticComponent<typeof SkeletonComponent>;
+export {};
+//# sourceMappingURL=Skeleton.d.ts.map

package/lib/typescript/placeholder/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/placeholder/Skeleton.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAe,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;;GAGG;AACH,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,MAAM,EACN,KAAwC,EACxC,YAAsD,EACtD,MAAM,GACP,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAkBvC;AAQD;;;GAGG;AACH,eAAO,MAAM,QAAQ,qDAA0B,CAAC"}

package/lib/typescript/placeholder/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Placeholder System
+ * Provides visual feedback while icons are loading
+ */
+export type { PlaceholderPreset, PlaceholderType, PlaceholderConfig, PlaceholderProps, } from './types';
+export { DEFAULT_PLACEHOLDER_CONFIG } from './types';
+export { Skeleton } from './Skeleton';
+export { Pulse } from './Pulse';
+export { Shimmer } from './Shimmer';
+export { PlaceholderFactory } from './PlaceholderFactory';
+export type { PlaceholderFactoryProps } from './PlaceholderFactory';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/placeholder/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/placeholder/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,YAAY,EACV,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAGrD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/typescript/placeholder/types.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Placeholder System Types
+ * Provides type definitions for icon loading placeholders
+ */
+import type { ReactNode } from 'react';
+/**
+ * Built-in placeholder animation types
+ * - skeleton: Static gray box (no animation)
+ * - pulse: Opacity fade animation
+ * - shimmer: Gradient sweep animation
+ */
+export type PlaceholderPreset = 'skeleton' | 'pulse' | 'shimmer';
+/**
+ * Placeholder type - can be a preset string or custom ReactNode
+ */
+export type PlaceholderType = PlaceholderPreset | ReactNode;
+/**
+ * Configuration for placeholder appearance
+ */
+export interface PlaceholderConfig {
+    /**
+     * Placeholder background color
+     * @default '#E1E1E1'
+     */
+    color?: string;
+    /**
+     * Secondary color for shimmer gradient
+     * @default '#F5F5F5'
+     */
+    highlightColor?: string;
+    /**
+     * Animation duration in milliseconds
+     * @default 1000
+     */
+    duration?: number;
+    /**
+     * Border radius of the placeholder
+     * @default 4
+     */
+    borderRadius?: number;
+}
+/**
+ * Props for placeholder components
+ */
+export interface PlaceholderProps extends PlaceholderConfig {
+    /**
+     * Width of the placeholder
+     */
+    width: number;
+    /**
+     * Height of the placeholder
+     */
+    height: number;
+    /**
+     * Test ID for testing
+     */
+    testID?: string;
+}
+/**
+ * Default placeholder configuration values
+ */
+export declare const DEFAULT_PLACEHOLDER_CONFIG: Required<PlaceholderConfig>;
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/placeholder/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/placeholder/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;GAKG;AACH,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;AAEjE;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG,SAAS,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,iBAAiB,CAKlE,CAAC"}

package/lib/typescript/theme/IconThemeProvider.d.ts

@@ -0,0 +1,64 @@
+/**
+ * IconThemeProvider
+ * Provides global theme configuration for all icon components
+ */
+import React from 'react';
+import type { IconThemeProviderProps } from './types';
+/**
+ * IconThemeProvider
+ *
+ * Wraps your app to provide global icon theming.
+ * All descendant icon components will inherit these defaults.
+ *
+ * @example Basic usage
+ * ```tsx
+ * import { IconThemeProvider } from 'rn-iconify';
+ *
+ * export default function App() {
+ *   return (
+ *     <IconThemeProvider theme={{ size: 20, color: '#333' }}>
+ *       <YourApp />
+ *     </IconThemeProvider>
+ *   );
+ * }
+ * ```
+ *
+ * @example With placeholder defaults
+ * ```tsx
+ * <IconThemeProvider
+ *   theme={{
+ *     size: 24,
+ *     color: '#1a1a1a',
+ *     placeholder: 'shimmer',
+ *     placeholderColor: '#f0f0f0',
+ *   }}
+ * >
+ *   <YourApp />
+ * </IconThemeProvider>
+ * ```
+ *
+ * @example Dynamic theme switching
+ * ```tsx
+ * function App() {
+ *   const [isDark, setIsDark] = useState(false);
+ *
+ *   return (
+ *     <IconThemeProvider
+ *       theme={{
+ *         color: isDark ? '#ffffff' : '#000000',
+ *         placeholderColor: isDark ? '#333333' : '#e1e1e1',
+ *       }}
+ *     >
+ *       <YourApp />
+ *     </IconThemeProvider>
+ *   );
+ * }
+ * ```
+ */
+declare function IconThemeProviderComponent({ theme: initialTheme, children, }: IconThemeProviderProps): React.ReactElement;
+declare namespace IconThemeProviderComponent {
+    var displayName: string;
+}
+export declare const IconThemeProvider: React.MemoExoticComponent<typeof IconThemeProviderComponent>;
+export {};
+//# sourceMappingURL=IconThemeProvider.d.ts.map

package/lib/typescript/theme/IconThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/theme/IconThemeProvider.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,sBAAsB,EAAoC,MAAM,SAAS,CAAC;AAExF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,iBAAS,0BAA0B,CAAC,EAClC,KAAK,EAAE,YAAY,EACnB,QAAQ,GACT,EAAE,sBAAsB,GAAG,KAAK,CAAC,YAAY,CA0B7C;kBA7BQ,0BAA0B;;;AAiCnC,eAAO,MAAM,iBAAiB,8DAAmC,CAAC"}

package/lib/typescript/theme/context.d.ts

@@ -0,0 +1,24 @@
+/**
+ * IconThemeContext
+ * React Context for icon theming
+ */
+import type { IconThemeContextValue, IconTheme } from './types';
+/**
+ * IconThemeContext
+ *
+ * Provides icon theme configuration to all descendant icon components.
+ * Use with IconThemeProvider for proper functionality.
+ *
+ * @example
+ * ```tsx
+ * // Access theme directly (prefer useIconTheme hook instead)
+ * const { theme, setTheme } = useContext(IconThemeContext);
+ * ```
+ */
+export declare const IconThemeContext: import("react").Context<IconThemeContextValue>;
+/**
+ * Helper to merge theme with defaults
+ * Ensures all required properties have values
+ */
+export declare function mergeWithDefaults(theme: IconTheme): IconTheme;
+//# sourceMappingURL=context.d.ts.map

package/lib/typescript/theme/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/theme/context.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAmBhE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB,gDAA4D,CAAC;AAI1F;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,CAK7D"}

package/lib/typescript/theme/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Theme System
+ * Global icon theming and configuration
+ */
+export { IconThemeProvider } from './IconThemeProvider';
+export { IconThemeContext, mergeWithDefaults } from './context';
+export { useIconTheme, useIconThemeValue, useMergedIconProps } from './useIconTheme';
+export type { IconTheme, IconThemeProviderProps, IconThemeContextValue } from './types';
+export { DEFAULT_ICON_THEME } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAGhE,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAGrF,YAAY,EAAE,SAAS,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGxF,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/theme/types.d.ts

@@ -0,0 +1,85 @@
+/**
+ * Theme System Types
+ * Defines types for global icon theming and configuration
+ */
+import type { ReactNode } from 'react';
+import type { PlaceholderType } from '../placeholder/types';
+import type { IconRotation, IconFlip } from '../types';
+/**
+ * Icon theme configuration
+ * All properties are optional - components will use their own defaults if not provided
+ */
+export interface IconTheme {
+    /**
+     * Default icon size (width and height)
+     * @default 24
+     */
+    size?: number;
+    /**
+     * Default icon color
+     * @default '#000000'
+     */
+    color?: string;
+    /**
+     * Default placeholder type shown while icons load
+     * @example 'shimmer'
+     */
+    placeholder?: PlaceholderType;
+    /**
+     * Default placeholder background color
+     * @default '#E1E1E1'
+     */
+    placeholderColor?: string;
+    /**
+     * Default placeholder animation duration in milliseconds
+     * @default 1000
+     */
+    placeholderDuration?: number;
+    /**
+     * Default rotation for all icons
+     * @default 0
+     */
+    rotate?: IconRotation;
+    /**
+     * Default flip direction for all icons
+     */
+    flip?: IconFlip;
+    /**
+     * Default fallback delay in milliseconds
+     * @default 0
+     */
+    fallbackDelay?: number;
+}
+/**
+ * Props for IconThemeProvider component
+ */
+export interface IconThemeProviderProps {
+    /**
+     * Theme configuration
+     */
+    theme: IconTheme;
+    /**
+     * Child components that will receive the theme
+     */
+    children: ReactNode;
+}
+/**
+ * Context value for icon theme
+ */
+export interface IconThemeContextValue {
+    /**
+     * Current theme configuration
+     */
+    theme: IconTheme;
+    /**
+     * Update theme dynamically
+     * Useful for theme switching (e.g., dark mode)
+     */
+    setTheme: (theme: IconTheme | ((prev: IconTheme) => IconTheme)) => void;
+}
+/**
+ * Default theme values
+ * Used when no theme is provided or for missing properties
+ */
+export declare const DEFAULT_ICON_THEME: Required<Omit<IconTheme, 'placeholder' | 'flip'>> & Pick<IconTheme, 'placeholder' | 'flip'>;
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/theme/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/theme/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEvD;;;GAGG;AACH,MAAM,WAAW,SAAS;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAE9B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,KAAK,SAAS,CAAC,KAAK,IAAI,CAAC;CACzE;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,aAAa,GAAG,MAAM,CAAC,CAAC,GAChF,IAAI,CAAC,SAAS,EAAE,aAAa,GAAG,MAAM,CASvC,CAAC"}

package/lib/typescript/theme/useIconTheme.d.ts

@@ -0,0 +1,78 @@
+/**
+ * useIconTheme Hook
+ * Access and modify icon theme from any component
+ */
+import type { IconTheme, IconThemeContextValue } from './types';
+/**
+ * useIconTheme
+ *
+ * Hook to access and modify the icon theme.
+ * Must be used within an IconThemeProvider.
+ *
+ * @returns Current theme and setTheme function
+ *
+ * @example Access current theme
+ * ```tsx
+ * function MyComponent() {
+ *   const { theme } = useIconTheme();
+ *   console.log('Current icon size:', theme.size);
+ *   return <Text>Icon color: {theme.color}</Text>;
+ * }
+ * ```
+ *
+ * @example Update theme dynamically
+ * ```tsx
+ * function ThemeToggle() {
+ *   const { theme, setTheme } = useIconTheme();
+ *
+ *   const toggleDarkMode = () => {
+ *     setTheme(prev => ({
+ *       ...prev,
+ *       color: prev.color === '#000000' ? '#ffffff' : '#000000',
+ *     }));
+ *   };
+ *
+ *   return <Button onPress={toggleDarkMode} title="Toggle Dark Mode" />;
+ * }
+ * ```
+ */
+export declare function useIconTheme(): IconThemeContextValue;
+/**
+ * useIconThemeValue
+ *
+ * Get a specific theme value with automatic fallback to default.
+ * Useful when you need just one property.
+ *
+ * @param key - Theme property key
+ * @returns The theme value or default
+ *
+ * @example
+ * ```tsx
+ * function MyIcon() {
+ *   const defaultSize = useIconThemeValue('size');
+ *   const defaultColor = useIconThemeValue('color');
+ *   return <Text>Default: {defaultSize}px, {defaultColor}</Text>;
+ * }
+ * ```
+ */
+export declare function useIconThemeValue<K extends keyof IconTheme>(key: K): NonNullable<IconTheme[K]> | undefined;
+/**
+ * useMergedIconProps
+ *
+ * Merges component props with theme defaults.
+ * Props take precedence over theme values.
+ *
+ * @param props - Component props
+ * @returns Merged props with theme defaults
+ *
+ * @example
+ * ```tsx
+ * function CustomIcon({ size, color, ...rest }: IconProps) {
+ *   const mergedProps = useMergedIconProps({ size, color });
+ *   // mergedProps.size = props.size ?? theme.size ?? 24
+ *   // mergedProps.color = props.color ?? theme.color ?? '#000000'
+ * }
+ * ```
+ */
+export declare function useMergedIconProps<T extends Partial<IconTheme>>(props: T): T & Required<Pick<IconTheme, 'size' | 'color'>> & Omit<IconTheme, 'size' | 'color'>;
+//# sourceMappingURL=useIconTheme.d.ts.map

package/lib/typescript/theme/useIconTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIconTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/useIconTheme.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,YAAY,IAAI,qBAAqB,CAGpD;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,SAAS,EACzD,GAAG,EAAE,CAAC,GACL,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAQvC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,OAAO,CAAC,SAAS,CAAC,EAC7D,KAAK,EAAE,CAAC,GACP,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,CAoBrF"}