rn-iconify 1.0.0 → 2.0.0

package/lib/module/performance/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/lib/module/performance/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["performance/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/placeholder/PlaceholderFactory.js

@@ -0,0 +1,105 @@
+/**
+ * PlaceholderFactory
+ * Creates the appropriate placeholder component based on type
+ */
+
+import React, { isValidElement } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { Skeleton } from './Skeleton';
+import { Pulse } from './Pulse';
+import { Shimmer } from './Shimmer';
+
+/**
+ * Props for PlaceholderFactory
+ */
+
+/**
+ * Check if a value is a valid PlaceholderPreset
+ */
+function isPlaceholderPreset(value) {
+  return typeof value === 'string' && ['skeleton', 'pulse', 'shimmer'].includes(value);
+}
+
+/**
+ * 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 function PlaceholderFactory({
+  type,
+  width,
+  height,
+  color,
+  highlightColor,
+  duration,
+  borderRadius,
+  testID
+}) {
+  // Handle preset strings
+  if (isPlaceholderPreset(type)) {
+    const props = {
+      width,
+      height,
+      color,
+      highlightColor,
+      duration,
+      borderRadius,
+      testID
+    };
+    switch (type) {
+      case 'skeleton':
+        return /*#__PURE__*/React.createElement(Skeleton, props);
+      case 'pulse':
+        return /*#__PURE__*/React.createElement(Pulse, props);
+      case 'shimmer':
+        return /*#__PURE__*/React.createElement(Shimmer, props);
+      default:
+        // TypeScript exhaustive check
+        const _exhaustive = type;
+        return _exhaustive;
+    }
+  }
+
+  // Handle custom ReactNode
+  if (/*#__PURE__*/isValidElement(type)) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.customContainer, {
+        width,
+        height
+      }],
+      testID: testID
+    }, type);
+  }
+
+  // Handle null/undefined - render nothing
+  if (type === null || type === undefined) {
+    return null;
+  }
+
+  // Fallback to skeleton for any other value
+  if (__DEV__) {
+    console.warn(`[rn-iconify] Invalid placeholder type: ${String(type)}. ` + `Expected 'skeleton', 'pulse', 'shimmer', or a ReactNode.`);
+  }
+  return /*#__PURE__*/React.createElement(Skeleton, {
+    width: width,
+    height: height,
+    color: color,
+    borderRadius: borderRadius,
+    testID: testID
+  });
+}
+PlaceholderFactory.displayName = 'PlaceholderFactory';
+const styles = StyleSheet.create({
+  customContainer: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=PlaceholderFactory.js.map

package/lib/module/placeholder/PlaceholderFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","isValidElement","View","StyleSheet","Skeleton","Pulse","Shimmer","isPlaceholderPreset","value","includes","PlaceholderFactory","type","width","height","color","highlightColor","duration","borderRadius","testID","props","createElement","_exhaustive","style","styles","customContainer","undefined","__DEV__","console","warn","String","displayName","create","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["placeholder/PlaceholderFactory.tsx"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,cAAc,QAAQ,OAAO;AAC7C,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,OAAO,QAAQ,WAAW;;AAGnC;AACA;AACA;;AAuBA;AACA;AACA;AACA,SAASC,mBAAmBA,CAACC,KAAc,EAA8B;EACvE,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,CAAC,CAACC,QAAQ,CAACD,KAAK,CAAC;AACtF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,kBAAkBA,CAAC;EACjCC,IAAI;EACJC,KAAK;EACLC,MAAM;EACNC,KAAK;EACLC,cAAc;EACdC,QAAQ;EACRC,YAAY;EACZC;AACuB,CAAC,EAA6B;EACrD;EACA,IAAIX,mBAAmB,CAACI,IAAI,CAAC,EAAE;IAC7B,MAAMQ,KAAK,GAAG;MACZP,KAAK;MACLC,MAAM;MACNC,KAAK;MACLC,cAAc;MACdC,QAAQ;MACRC,YAAY;MACZC;IACF,CAAC;IAED,QAAQP,IAAI;MACV,KAAK,UAAU;QACb,oBAAOX,KAAA,CAAAoB,aAAA,CAAChB,QAAQ,EAAKe,KAAQ,CAAC;MAChC,KAAK,OAAO;QACV,oBAAOnB,KAAA,CAAAoB,aAAA,CAACf,KAAK,EAAKc,KAAQ,CAAC;MAC7B,KAAK,SAAS;QACZ,oBAAOnB,KAAA,CAAAoB,aAAA,CAACd,OAAO,EAAKa,KAAQ,CAAC;MAC/B;QACE;QACA,MAAME,WAAkB,GAAGV,IAAI;QAC/B,OAAOU,WAAW;IACtB;EACF;;EAEA;EACA,iBAAIpB,cAAc,CAACU,IAAI,CAAC,EAAE;IACxB,oBACEX,KAAA,CAAAoB,aAAA,CAAClB,IAAI;MAACoB,KAAK,EAAE,CAACC,MAAM,CAACC,eAAe,EAAE;QAAEZ,KAAK;QAAEC;MAAO,CAAC,CAAE;MAACK,MAAM,EAAEA;IAAO,GACtEP,IACG,CAAC;EAEX;;EAEA;EACA,IAAIA,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAKc,SAAS,EAAE;IACvC,OAAO,IAAI;EACb;;EAEA;EACA,IAAIC,OAAO,EAAE;IACXC,OAAO,CAACC,IAAI,CACV,0CAA0CC,MAAM,CAAClB,IAAI,CAAC,IAAI,GACxD,0DACJ,CAAC;EACH;EAEA,oBACEX,KAAA,CAAAoB,aAAA,CAAChB,QAAQ;IACPQ,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbG,YAAY,EAAEA,YAAa;IAC3BC,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN;AAEAR,kBAAkB,CAACoB,WAAW,GAAG,oBAAoB;AAErD,MAAMP,MAAM,GAAGpB,UAAU,CAAC4B,MAAM,CAAC;EAC/BP,eAAe,EAAE;IACfQ,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/placeholder/Pulse.js

@@ -0,0 +1,70 @@
+/**
+ * Pulse Placeholder Component
+ * Animated opacity fade effect while icon is loading
+ */
+
+import React, { memo, useEffect, useRef } from 'react';
+import { Animated, StyleSheet, Easing } from 'react-native';
+import { DEFAULT_PLACEHOLDER_CONFIG } from './types';
+/**
+ * Pulse placeholder - animated opacity fade effect
+ * Provides subtle visual feedback during loading
+ */
+function PulseComponent({
+  width,
+  height,
+  color = DEFAULT_PLACEHOLDER_CONFIG.color,
+  duration = DEFAULT_PLACEHOLDER_CONFIG.duration,
+  borderRadius = DEFAULT_PLACEHOLDER_CONFIG.borderRadius,
+  testID
+}) {
+  const opacity = useRef(new Animated.Value(1)).current;
+  const animationRef = useRef(null);
+  useEffect(() => {
+    // Create looping pulse animation
+    animationRef.current = Animated.loop(Animated.sequence([Animated.timing(opacity, {
+      toValue: 0.4,
+      duration: duration / 2,
+      easing: Easing.inOut(Easing.ease),
+      useNativeDriver: true
+    }), Animated.timing(opacity, {
+      toValue: 1,
+      duration: duration / 2,
+      easing: Easing.inOut(Easing.ease),
+      useNativeDriver: true
+    })]));
+    animationRef.current.start();
+    return () => {
+      // Clean up animation on unmount
+      if (animationRef.current) {
+        animationRef.current.stop();
+      }
+    };
+  }, [opacity, duration]);
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.pulse, {
+      width,
+      height,
+      backgroundColor: color,
+      borderRadius,
+      opacity
+    }],
+    testID: testID,
+    accessibilityRole: "none",
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no"
+  });
+}
+const styles = StyleSheet.create({
+  pulse: {
+    overflow: 'hidden'
+  }
+});
+
+/**
+ * Memoized Pulse component
+ * Animation runs independently of re-renders
+ */
+export const Pulse = /*#__PURE__*/memo(PulseComponent);
+Pulse.displayName = 'Pulse';
+//# sourceMappingURL=Pulse.js.map

package/lib/module/placeholder/Pulse.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useRef","Animated","StyleSheet","Easing","DEFAULT_PLACEHOLDER_CONFIG","PulseComponent","width","height","color","duration","borderRadius","testID","opacity","Value","current","animationRef","loop","sequence","timing","toValue","easing","inOut","ease","useNativeDriver","start","stop","createElement","View","style","styles","pulse","backgroundColor","accessibilityRole","accessibilityElementsHidden","importantForAccessibility","create","overflow","Pulse","displayName"],"sourceRoot":"../../../src","sources":["placeholder/Pulse.tsx"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACtD,SAASC,QAAQ,EAAEC,UAAU,EAAEC,MAAM,QAAQ,cAAc;AAC3D,SAASC,0BAA0B,QAAQ,SAAS;AAGpD;AACA;AACA;AACA;AACA,SAASC,cAAcA,CAAC;EACtBC,KAAK;EACLC,MAAM;EACNC,KAAK,GAAGJ,0BAA0B,CAACI,KAAK;EACxCC,QAAQ,GAAGL,0BAA0B,CAACK,QAAQ;EAC9CC,YAAY,GAAGN,0BAA0B,CAACM,YAAY;EACtDC;AACgB,CAAC,EAAsB;EACvC,MAAMC,OAAO,GAAGZ,MAAM,CAAC,IAAIC,QAAQ,CAACY,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EACrD,MAAMC,YAAY,GAAGf,MAAM,CAAqC,IAAI,CAAC;EAErED,SAAS,CAAC,MAAM;IACd;IACAgB,YAAY,CAACD,OAAO,GAAGb,QAAQ,CAACe,IAAI,CAClCf,QAAQ,CAACgB,QAAQ,CAAC,CAChBhB,QAAQ,CAACiB,MAAM,CAACN,OAAO,EAAE;MACvBO,OAAO,EAAE,GAAG;MACZV,QAAQ,EAAEA,QAAQ,GAAG,CAAC;MACtBW,MAAM,EAAEjB,MAAM,CAACkB,KAAK,CAAClB,MAAM,CAACmB,IAAI,CAAC;MACjCC,eAAe,EAAE;IACnB,CAAC,CAAC,EACFtB,QAAQ,CAACiB,MAAM,CAACN,OAAO,EAAE;MACvBO,OAAO,EAAE,CAAC;MACVV,QAAQ,EAAEA,QAAQ,GAAG,CAAC;MACtBW,MAAM,EAAEjB,MAAM,CAACkB,KAAK,CAAClB,MAAM,CAACmB,IAAI,CAAC;MACjCC,eAAe,EAAE;IACnB,CAAC,CAAC,CACH,CACH,CAAC;IAEDR,YAAY,CAACD,OAAO,CAACU,KAAK,CAAC,CAAC;IAE5B,OAAO,MAAM;MACX;MACA,IAAIT,YAAY,CAACD,OAAO,EAAE;QACxBC,YAAY,CAACD,OAAO,CAACW,IAAI,CAAC,CAAC;MAC7B;IACF,CAAC;EACH,CAAC,EAAE,CAACb,OAAO,EAAEH,QAAQ,CAAC,CAAC;EAEvB,oBACEZ,KAAA,CAAA6B,aAAA,CAACzB,QAAQ,CAAC0B,IAAI;IACZC,KAAK,EAAE,CACLC,MAAM,CAACC,KAAK,EACZ;MACExB,KAAK;MACLC,MAAM;MACNwB,eAAe,EAAEvB,KAAK;MACtBE,YAAY;MACZE;IACF,CAAC,CACD;IACFD,MAAM,EAAEA,MAAO;IACfqB,iBAAiB,EAAC,MAAM;IACxBC,2BAA2B;IAC3BC,yBAAyB,EAAC;EAAI,CAC/B,CAAC;AAEN;AAEA,MAAML,MAAM,GAAG3B,UAAU,CAACiC,MAAM,CAAC;EAC/BL,KAAK,EAAE;IACLM,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA,OAAO,MAAMC,KAAK,gBAAGvC,IAAI,CAACO,cAAc,CAAC;AACzCgC,KAAK,CAACC,WAAW,GAAG,OAAO","ignoreList":[]}

package/lib/module/placeholder/Shimmer.js

@@ -0,0 +1,88 @@
+/**
+ * Shimmer Placeholder Component
+ * Animated gradient sweep effect while icon is loading
+ */
+
+import React, { memo, useEffect, useRef } from 'react';
+import { Animated, StyleSheet, View, Easing } from 'react-native';
+import { DEFAULT_PLACEHOLDER_CONFIG } from './types';
+/**
+ * Shimmer placeholder - animated light sweep effect
+ * Provides prominent visual feedback during loading
+ * Uses translateX animation for smooth performance
+ */
+function ShimmerComponent({
+  width,
+  height,
+  color = DEFAULT_PLACEHOLDER_CONFIG.color,
+  highlightColor = DEFAULT_PLACEHOLDER_CONFIG.highlightColor,
+  duration = DEFAULT_PLACEHOLDER_CONFIG.duration,
+  borderRadius = DEFAULT_PLACEHOLDER_CONFIG.borderRadius,
+  testID
+}) {
+  const translateX = useRef(new Animated.Value(-width)).current;
+  const animationRef = useRef(null);
+  useEffect(() => {
+    // Reset animation when width changes
+    translateX.setValue(-width);
+
+    // Create looping shimmer animation
+    animationRef.current = Animated.loop(Animated.timing(translateX, {
+      toValue: width,
+      duration: duration,
+      easing: Easing.linear,
+      useNativeDriver: true
+    }));
+    animationRef.current.start();
+    return () => {
+      // Clean up animation on unmount
+      if (animationRef.current) {
+        animationRef.current.stop();
+      }
+    };
+  }, [translateX, width, duration]);
+
+  // Calculate shimmer bar width (30% of container width)
+  const shimmerWidth = Math.max(width * 0.3, 20);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      width,
+      height,
+      backgroundColor: color,
+      borderRadius
+    }],
+    testID: testID,
+    accessibilityRole: "none",
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no"
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.shimmer, {
+      width: shimmerWidth,
+      height,
+      backgroundColor: highlightColor,
+      transform: [{
+        translateX
+      }]
+    }]
+  }));
+}
+const styles = StyleSheet.create({
+  container: {
+    overflow: 'hidden',
+    position: 'relative'
+  },
+  shimmer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    opacity: 0.5
+  }
+});
+
+/**
+ * Memoized Shimmer component
+ * Animation runs independently of re-renders
+ */
+export const Shimmer = /*#__PURE__*/memo(ShimmerComponent);
+Shimmer.displayName = 'Shimmer';
+//# sourceMappingURL=Shimmer.js.map

package/lib/module/placeholder/Shimmer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useRef","Animated","StyleSheet","View","Easing","DEFAULT_PLACEHOLDER_CONFIG","ShimmerComponent","width","height","color","highlightColor","duration","borderRadius","testID","translateX","Value","current","animationRef","setValue","loop","timing","toValue","easing","linear","useNativeDriver","start","stop","shimmerWidth","Math","max","createElement","style","styles","container","backgroundColor","accessibilityRole","accessibilityElementsHidden","importantForAccessibility","shimmer","transform","create","overflow","position","top","left","opacity","Shimmer","displayName"],"sourceRoot":"../../../src","sources":["placeholder/Shimmer.tsx"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACtD,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,EAAEC,MAAM,QAAQ,cAAc;AACjE,SAASC,0BAA0B,QAAQ,SAAS;AAGpD;AACA;AACA;AACA;AACA;AACA,SAASC,gBAAgBA,CAAC;EACxBC,KAAK;EACLC,MAAM;EACNC,KAAK,GAAGJ,0BAA0B,CAACI,KAAK;EACxCC,cAAc,GAAGL,0BAA0B,CAACK,cAAc;EAC1DC,QAAQ,GAAGN,0BAA0B,CAACM,QAAQ;EAC9CC,YAAY,GAAGP,0BAA0B,CAACO,YAAY;EACtDC;AACgB,CAAC,EAAsB;EACvC,MAAMC,UAAU,GAAGd,MAAM,CAAC,IAAIC,QAAQ,CAACc,KAAK,CAAC,CAACR,KAAK,CAAC,CAAC,CAACS,OAAO;EAC7D,MAAMC,YAAY,GAAGjB,MAAM,CAAqC,IAAI,CAAC;EAErED,SAAS,CAAC,MAAM;IACd;IACAe,UAAU,CAACI,QAAQ,CAAC,CAACX,KAAK,CAAC;;IAE3B;IACAU,YAAY,CAACD,OAAO,GAAGf,QAAQ,CAACkB,IAAI,CAClClB,QAAQ,CAACmB,MAAM,CAACN,UAAU,EAAE;MAC1BO,OAAO,EAAEd,KAAK;MACdI,QAAQ,EAAEA,QAAQ;MAClBW,MAAM,EAAElB,MAAM,CAACmB,MAAM;MACrBC,eAAe,EAAE;IACnB,CAAC,CACH,CAAC;IAEDP,YAAY,CAACD,OAAO,CAACS,KAAK,CAAC,CAAC;IAE5B,OAAO,MAAM;MACX;MACA,IAAIR,YAAY,CAACD,OAAO,EAAE;QACxBC,YAAY,CAACD,OAAO,CAACU,IAAI,CAAC,CAAC;MAC7B;IACF,CAAC;EACH,CAAC,EAAE,CAACZ,UAAU,EAAEP,KAAK,EAAEI,QAAQ,CAAC,CAAC;;EAEjC;EACA,MAAMgB,YAAY,GAAGC,IAAI,CAACC,GAAG,CAACtB,KAAK,GAAG,GAAG,EAAE,EAAE,CAAC;EAE9C,oBACEV,KAAA,CAAAiC,aAAA,CAAC3B,IAAI;IACH4B,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACE1B,KAAK;MACLC,MAAM;MACN0B,eAAe,EAAEzB,KAAK;MACtBG;IACF,CAAC,CACD;IACFC,MAAM,EAAEA,MAAO;IACfsB,iBAAiB,EAAC,MAAM;IACxBC,2BAA2B;IAC3BC,yBAAyB,EAAC;EAAI,gBAE9BxC,KAAA,CAAAiC,aAAA,CAAC7B,QAAQ,CAACE,IAAI;IACZ4B,KAAK,EAAE,CACLC,MAAM,CAACM,OAAO,EACd;MACE/B,KAAK,EAAEoB,YAAY;MACnBnB,MAAM;MACN0B,eAAe,EAAExB,cAAc;MAC/B6B,SAAS,EAAE,CAAC;QAAEzB;MAAW,CAAC;IAC5B,CAAC;EACD,CACH,CACG,CAAC;AAEX;AAEA,MAAMkB,MAAM,GAAG9B,UAAU,CAACsC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,QAAQ,EAAE,QAAQ;IAClBC,QAAQ,EAAE;EACZ,CAAC;EACDJ,OAAO,EAAE;IACPI,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA,OAAO,MAAMC,OAAO,gBAAGhD,IAAI,CAACQ,gBAAgB,CAAC;AAC7CwC,OAAO,CAACC,WAAW,GAAG,SAAS","ignoreList":[]}

package/lib/module/placeholder/Skeleton.js

@@ -0,0 +1,45 @@
+/**
+ * Skeleton Placeholder Component
+ * Static gray box shown while icon is loading
+ */
+
+import React, { memo } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { DEFAULT_PLACEHOLDER_CONFIG } from './types';
+/**
+ * Skeleton placeholder - a simple static colored box
+ * Lightweight alternative when animation is not needed
+ */
+function SkeletonComponent({
+  width,
+  height,
+  color = DEFAULT_PLACEHOLDER_CONFIG.color,
+  borderRadius = DEFAULT_PLACEHOLDER_CONFIG.borderRadius,
+  testID
+}) {
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.skeleton, {
+      width,
+      height,
+      backgroundColor: color,
+      borderRadius
+    }],
+    testID: testID,
+    accessibilityRole: "none",
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no"
+  });
+}
+const styles = StyleSheet.create({
+  skeleton: {
+    overflow: 'hidden'
+  }
+});
+
+/**
+ * Memoized Skeleton component
+ * Only re-renders when dimensions or styling change
+ */
+export const Skeleton = /*#__PURE__*/memo(SkeletonComponent);
+Skeleton.displayName = 'Skeleton';
+//# sourceMappingURL=Skeleton.js.map

package/lib/module/placeholder/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","View","StyleSheet","DEFAULT_PLACEHOLDER_CONFIG","SkeletonComponent","width","height","color","borderRadius","testID","createElement","style","styles","skeleton","backgroundColor","accessibilityRole","accessibilityElementsHidden","importantForAccessibility","create","overflow","Skeleton","displayName"],"sourceRoot":"../../../src","sources":["placeholder/Skeleton.tsx"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,0BAA0B,QAAQ,SAAS;AAGpD;AACA;AACA;AACA;AACA,SAASC,iBAAiBA,CAAC;EACzBC,KAAK;EACLC,MAAM;EACNC,KAAK,GAAGJ,0BAA0B,CAACI,KAAK;EACxCC,YAAY,GAAGL,0BAA0B,CAACK,YAAY;EACtDC;AACgB,CAAC,EAAsB;EACvC,oBACEV,KAAA,CAAAW,aAAA,CAACT,IAAI;IACHU,KAAK,EAAE,CACLC,MAAM,CAACC,QAAQ,EACf;MACER,KAAK;MACLC,MAAM;MACNQ,eAAe,EAAEP,KAAK;MACtBC;IACF,CAAC,CACD;IACFC,MAAM,EAAEA,MAAO;IACfM,iBAAiB,EAAC,MAAM;IACxBC,2BAA2B;IAC3BC,yBAAyB,EAAC;EAAI,CAC/B,CAAC;AAEN;AAEA,MAAML,MAAM,GAAGV,UAAU,CAACgB,MAAM,CAAC;EAC/BL,QAAQ,EAAE;IACRM,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,gBAAGpB,IAAI,CAACI,iBAAiB,CAAC;AAC/CgB,QAAQ,CAACC,WAAW,GAAG,UAAU","ignoreList":[]}

package/lib/module/placeholder/index.js

@@ -0,0 +1,15 @@
+/**
+ * Placeholder System
+ * Provides visual feedback while icons are loading
+ */
+
+// Types
+
+export { DEFAULT_PLACEHOLDER_CONFIG } from './types';
+
+// Components
+export { Skeleton } from './Skeleton';
+export { Pulse } from './Pulse';
+export { Shimmer } from './Shimmer';
+export { PlaceholderFactory } from './PlaceholderFactory';
+//# sourceMappingURL=index.js.map

package/lib/module/placeholder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_PLACEHOLDER_CONFIG","Skeleton","Pulse","Shimmer","PlaceholderFactory"],"sourceRoot":"../../../src","sources":["placeholder/index.ts"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA;;AAQA,SAASA,0BAA0B,QAAQ,SAAS;;AAEpD;AACA,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,kBAAkB,QAAQ,sBAAsB","ignoreList":[]}

package/lib/module/placeholder/types.js

@@ -0,0 +1,34 @@
+/**
+ * Placeholder System Types
+ * Provides type definitions for icon loading placeholders
+ */
+
+/**
+ * Built-in placeholder animation types
+ * - skeleton: Static gray box (no animation)
+ * - pulse: Opacity fade animation
+ * - shimmer: Gradient sweep animation
+ */
+
+/**
+ * Placeholder type - can be a preset string or custom ReactNode
+ */
+
+/**
+ * Configuration for placeholder appearance
+ */
+
+/**
+ * Props for placeholder components
+ */
+
+/**
+ * Default placeholder configuration values
+ */
+export const DEFAULT_PLACEHOLDER_CONFIG = {
+  color: '#E1E1E1',
+  highlightColor: '#F5F5F5',
+  duration: 1000,
+  borderRadius: 4
+};
+//# sourceMappingURL=types.js.map

package/lib/module/placeholder/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_PLACEHOLDER_CONFIG","color","highlightColor","duration","borderRadius"],"sourceRoot":"../../../src","sources":["placeholder/types.ts"],"mappings":"AAAA;AACA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AA2BA;AACA;AACA;;AAkBA;AACA;AACA;AACA,OAAO,MAAMA,0BAAuD,GAAG;EACrEC,KAAK,EAAE,SAAS;EAChBC,cAAc,EAAE,SAAS;EACzBC,QAAQ,EAAE,IAAI;EACdC,YAAY,EAAE;AAChB,CAAC","ignoreList":[]}

package/lib/module/theme/IconThemeProvider.js

@@ -0,0 +1,89 @@
+/**
+ * IconThemeProvider
+ * Provides global theme configuration for all icon components
+ */
+
+import React, { useState, useMemo, useCallback, memo } from 'react';
+import { IconThemeContext, mergeWithDefaults } from './context';
+/**
+ * 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>
+ *   );
+ * }
+ * ```
+ */
+function IconThemeProviderComponent({
+  theme: initialTheme,
+  children
+}) {
+  const [theme, setThemeState] = useState(() => mergeWithDefaults(initialTheme));
+
+  // Memoized setTheme that supports both direct value and updater function
+  const setTheme = useCallback(newTheme => {
+    setThemeState(prevTheme => {
+      const nextTheme = typeof newTheme === 'function' ? newTheme(prevTheme) : newTheme;
+      return mergeWithDefaults(nextTheme);
+    });
+  }, []);
+
+  // Update internal state when prop changes
+  React.useEffect(() => {
+    setThemeState(mergeWithDefaults(initialTheme));
+  }, [initialTheme]);
+
+  // Memoize context value to prevent unnecessary re-renders
+  const contextValue = useMemo(() => ({
+    theme,
+    setTheme
+  }), [theme, setTheme]);
+  return /*#__PURE__*/React.createElement(IconThemeContext.Provider, {
+    value: contextValue
+  }, children);
+}
+IconThemeProviderComponent.displayName = 'IconThemeProvider';
+export const IconThemeProvider = /*#__PURE__*/memo(IconThemeProviderComponent);
+//# sourceMappingURL=IconThemeProvider.js.map

package/lib/module/theme/IconThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useMemo","useCallback","memo","IconThemeContext","mergeWithDefaults","IconThemeProviderComponent","theme","initialTheme","children","setThemeState","setTheme","newTheme","prevTheme","nextTheme","useEffect","contextValue","createElement","Provider","value","displayName","IconThemeProvider"],"sourceRoot":"../../../src","sources":["theme/IconThemeProvider.tsx"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,EAAEC,WAAW,EAAEC,IAAI,QAAQ,OAAO;AACnE,SAASC,gBAAgB,EAAEC,iBAAiB,QAAQ,WAAW;AAG/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,0BAA0BA,CAAC;EAClCC,KAAK,EAAEC,YAAY;EACnBC;AACsB,CAAC,EAAsB;EAC7C,MAAM,CAACF,KAAK,EAAEG,aAAa,CAAC,GAAGV,QAAQ,CAAY,MAAMK,iBAAiB,CAACG,YAAY,CAAC,CAAC;;EAEzF;EACA,MAAMG,QAAQ,GAAGT,WAAW,CAAEU,QAAsD,IAAK;IACvFF,aAAa,CAAEG,SAAS,IAAK;MAC3B,MAAMC,SAAS,GAAG,OAAOF,QAAQ,KAAK,UAAU,GAAGA,QAAQ,CAACC,SAAS,CAAC,GAAGD,QAAQ;MACjF,OAAOP,iBAAiB,CAACS,SAAS,CAAC;IACrC,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;;EAEN;EACAf,KAAK,CAACgB,SAAS,CAAC,MAAM;IACpBL,aAAa,CAACL,iBAAiB,CAACG,YAAY,CAAC,CAAC;EAChD,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;;EAElB;EACA,MAAMQ,YAAY,GAAGf,OAAO,CAC1B,OAAO;IACLM,KAAK;IACLI;EACF,CAAC,CAAC,EACF,CAACJ,KAAK,EAAEI,QAAQ,CAClB,CAAC;EAED,oBAAOZ,KAAA,CAAAkB,aAAA,CAACb,gBAAgB,CAACc,QAAQ;IAACC,KAAK,EAAEH;EAAa,GAAEP,QAAoC,CAAC;AAC/F;AAEAH,0BAA0B,CAACc,WAAW,GAAG,mBAAmB;AAE5D,OAAO,MAAMC,iBAAiB,gBAAGlB,IAAI,CAACG,0BAA0B,CAAC","ignoreList":[]}

package/lib/module/theme/context.js

@@ -0,0 +1,47 @@
+/**
+ * IconThemeContext
+ * React Context for icon theming
+ */
+
+import { createContext } from 'react';
+import { DEFAULT_ICON_THEME } from './types';
+
+/**
+ * Default context value when no provider is present
+ * setTheme is a no-op by default
+ */
+const defaultContextValue = {
+  theme: DEFAULT_ICON_THEME,
+  setTheme: () => {
+    if (__DEV__) {
+      console.warn('[rn-iconify] setTheme called without IconThemeProvider. ' + 'Wrap your app with <IconThemeProvider> to enable theme updates.');
+    }
+  }
+};
+
+/**
+ * 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 const IconThemeContext = /*#__PURE__*/createContext(defaultContextValue);
+IconThemeContext.displayName = 'IconThemeContext';
+
+/**
+ * Helper to merge theme with defaults
+ * Ensures all required properties have values
+ */
+export function mergeWithDefaults(theme) {
+  return {
+    ...DEFAULT_ICON_THEME,
+    ...theme
+  };
+}
+//# sourceMappingURL=context.js.map

package/lib/module/theme/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","DEFAULT_ICON_THEME","defaultContextValue","theme","setTheme","__DEV__","console","warn","IconThemeContext","displayName","mergeWithDefaults"],"sourceRoot":"../../../src","sources":["theme/context.ts"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,OAAO;AAErC,SAASC,kBAAkB,QAAQ,SAAS;;AAE5C;AACA;AACA;AACA;AACA,MAAMC,mBAA0C,GAAG;EACjDC,KAAK,EAAEF,kBAAkB;EACzBG,QAAQ,EAAEA,CAAA,KAAM;IACd,IAAIC,OAAO,EAAE;MACXC,OAAO,CAACC,IAAI,CACV,0DAA0D,GACxD,iEACJ,CAAC;IACH;EACF;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,gBAAGR,aAAa,CAAwBE,mBAAmB,CAAC;AAEzFM,gBAAgB,CAACC,WAAW,GAAG,kBAAkB;;AAEjD;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAACP,KAAgB,EAAa;EAC7D,OAAO;IACL,GAAGF,kBAAkB;IACrB,GAAGE;EACL,CAAC;AACH","ignoreList":[]}

package/lib/module/theme/index.js

@@ -0,0 +1,19 @@
+/**
+ * Theme System
+ * Global icon theming and configuration
+ */
+
+// Components
+export { IconThemeProvider } from './IconThemeProvider';
+
+// Context
+export { IconThemeContext, mergeWithDefaults } from './context';
+
+// Hooks
+export { useIconTheme, useIconThemeValue, useMergedIconProps } from './useIconTheme';
+
+// Types
+
+// Constants
+export { DEFAULT_ICON_THEME } from './types';
+//# sourceMappingURL=index.js.map

package/lib/module/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["IconThemeProvider","IconThemeContext","mergeWithDefaults","useIconTheme","useIconThemeValue","useMergedIconProps","DEFAULT_ICON_THEME"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA;AACA,SAASA,iBAAiB,QAAQ,qBAAqB;;AAEvD;AACA,SAASC,gBAAgB,EAAEC,iBAAiB,QAAQ,WAAW;;AAE/D;AACA,SAASC,YAAY,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAQ,gBAAgB;;AAEpF;;AAGA;AACA,SAASC,kBAAkB,QAAQ,SAAS","ignoreList":[]}

package/lib/module/theme/types.js

@@ -0,0 +1,33 @@
+/**
+ * Theme System Types
+ * Defines types for global icon theming and configuration
+ */
+
+/**
+ * Icon theme configuration
+ * All properties are optional - components will use their own defaults if not provided
+ */
+
+/**
+ * Props for IconThemeProvider component
+ */
+
+/**
+ * Context value for icon theme
+ */
+
+/**
+ * Default theme values
+ * Used when no theme is provided or for missing properties
+ */
+export const DEFAULT_ICON_THEME = {
+  size: 24,
+  color: '#000000',
+  placeholder: undefined,
+  placeholderColor: '#E1E1E1',
+  placeholderDuration: 1000,
+  rotate: 0,
+  flip: undefined,
+  fallbackDelay: 0
+};
+//# sourceMappingURL=types.js.map

package/lib/module/theme/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_ICON_THEME","size","color","placeholder","undefined","placeholderColor","placeholderDuration","rotate","flip","fallbackDelay"],"sourceRoot":"../../../src","sources":["theme/types.ts"],"mappings":"AAAA;AACA;AACA;AACA;;AAMA;AACA;AACA;AACA;;AAkDA;AACA;AACA;;AAaA;AACA;AACA;;AAcA;AACA;AACA;AACA;AACA,OAAO,MAAMA,kBAC4B,GAAG;EAC1CC,IAAI,EAAE,EAAE;EACRC,KAAK,EAAE,SAAS;EAChBC,WAAW,EAAEC,SAAS;EACtBC,gBAAgB,EAAE,SAAS;EAC3BC,mBAAmB,EAAE,IAAI;EACzBC,MAAM,EAAE,CAAC;EACTC,IAAI,EAAEJ,SAAS;EACfK,aAAa,EAAE;AACjB,CAAC","ignoreList":[]}