rn-iconify 2.2.1 → 3.0.0

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

@@ -1,6 +1,10 @@
 /**
  * IconThemeProvider
  * Provides global theme configuration for all icon components
+ *
+ * v3.0 fix: Replaced useState + useEffect anti-pattern with useMemo.
+ * Inline theme props no longer cause infinite re-render loops.
+ * setTheme() still works for dynamic theme switching via internal override state.
  */
 import React from 'react';
 import type { IconThemeProviderProps } from './types';
@@ -23,20 +27,6 @@ import type { IconThemeProviderProps } from './types';
  * }
  * ```
  *
- * @example With placeholder defaults
- * ```tsx
- * <IconThemeProvider
- *   theme={{
- *     size: 24,
- *     color: '#1a1a1a',
- *     placeholder: 'shimmer',
- *     placeholderColor: '#f0f0f0',
- *   }}
- * >
- *   <YourApp />
- * </IconThemeProvider>
- * ```
- *
  * @example Dynamic theme switching
  * ```tsx
  * function App() {

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

@@ -3,9 +3,10 @@ import type { ViewStyle, StyleProp } from 'react-native';
 import type { PlaceholderType } from '../placeholder/types';
 import type { AnimationType, AnimationEasing } from '../animated/types';
 /**
- * Icon transformation rotation values
+ * Icon transformation rotation values (degrees)
+ * Accepts any number for arbitrary rotation angles
  */
-export type IconRotation = 0 | 90 | 180 | 270;
+export type IconRotation = number;
 /**
  * Icon flip direction
  */

package/package.json

@@ -1,54 +1,111 @@
 {
   "name": "rn-iconify",
-  "version": "2.2.1",
+  "version": "3.0.0",
   "description": "268,000+ Iconify icons for React Native with native MMKV caching and full TypeScript autocomplete",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "types": "lib/typescript/index.d.ts",
   "react-native": "src/index.ts",
   "source": "src/index.ts",
+  "type": "commonjs",
   "sideEffects": false,
   "exports": {
     ".": {
-      "types": "./lib/typescript/index.d.ts",
-      "import": "./lib/module/index.js",
-      "require": "./lib/commonjs/index.js"
+      "react-native": "./src/index.ts",
+      "import": {
+        "types": "./lib/typescript/index.d.ts",
+        "default": "./lib/module/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/index.d.ts",
+        "default": "./lib/commonjs/index.js"
+      }
     },
     "./babel": {
       "types": "./lib/typescript/babel/index.d.ts",
-      "import": "./lib/module/babel/index.js",
       "require": "./lib/commonjs/babel/index.js"
     },
     "./navigation": {
-      "types": "./lib/typescript/navigation/index.d.ts",
-      "import": "./lib/module/navigation/index.js",
-      "require": "./lib/commonjs/navigation/index.js"
+      "react-native": "./src/navigation/index.ts",
+      "import": {
+        "types": "./lib/typescript/navigation/index.d.ts",
+        "default": "./lib/module/navigation/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/navigation/index.d.ts",
+        "default": "./lib/commonjs/navigation/index.js"
+      }
     },
     "./animated": {
-      "types": "./lib/typescript/animated/index.d.ts",
-      "import": "./lib/module/animated/index.js",
-      "require": "./lib/commonjs/animated/index.js"
+      "react-native": "./src/animated/index.ts",
+      "import": {
+        "types": "./lib/typescript/animated/index.d.ts",
+        "default": "./lib/module/animated/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/animated/index.d.ts",
+        "default": "./lib/commonjs/animated/index.js"
+      }
     },
     "./metro": {
       "types": "./lib/typescript/metro/index.d.ts",
-      "import": "./lib/module/metro/index.js",
       "require": "./lib/commonjs/metro/index.js"
+    },
+    "./dev": {
+      "react-native": "./src/dev/index.ts",
+      "import": {
+        "types": "./lib/typescript/dev/index.d.ts",
+        "default": "./lib/module/dev/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/dev/index.d.ts",
+        "default": "./lib/commonjs/dev/index.js"
+      }
+    },
+    "./icons/*": {
+      "react-native": "./src/components/*.ts",
+      "import": {
+        "types": "./lib/typescript/components/*.d.ts",
+        "default": "./lib/module/components/*.js"
+      },
+      "require": {
+        "types": "./lib/typescript/components/*.d.ts",
+        "default": "./lib/commonjs/components/*.js"
+      }
     }
   },
   "bin": "./lib/commonjs/cli/index.js",
   "files": [
-    "src",
+    "src/*.ts",
+    "src/*.tsx",
+    "src/accessibility",
+    "src/alias",
+    "src/animated",
+    "src/babel",
+    "src/bundle",
+    "src/cache",
+    "src/cli",
+    "src/components",
+    "src/config",
+    "src/dev",
+    "src/explorer",
+    "src/metro",
+    "src/native",
+    "src/navigation",
+    "src/network",
+    "src/performance",
+    "src/placeholder",
+    "src/theme",
+    "src/types",
     "lib",
+    "!**/*.map",
     "babel.js",
     "metro.js",
     "README.md",
-    "assets",
-    "!**/__tests__",
-    "!**/__fixtures__",
-    "!**/__mocks__"
+    "assets"
   ],
   "scripts": {
-    "build": "bob build",
+    "build": "bob build && node -e \"require('fs').writeFileSync('lib/module/package.json','{\\\"type\\\":\\\"module\\\"}\\n')\"",
     "typecheck": "tsc --noEmit",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
     "lint:fix": "eslint \"**/*.{js,ts,tsx}\" --fix",
@@ -118,6 +175,7 @@
     "@react-native/eslint-config": "^0.74.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
+    "@size-limit/preset-small-lib": "^12.0.1",
     "@testing-library/react-native": "^12.0.0",
     "@types/jest": "^29.5.0",
     "@types/react": "^18.2.0",
@@ -129,13 +187,14 @@
     "jest": "^29.7.0",
     "lint-staged": "^15.0.0",
     "prettier": "^3.2.0",
-    "react": "^18.2.0",
-    "react-native": "^0.74.0",
+    "react": "18.2.0",
+    "react-native": "0.74.6",
     "react-native-builder-bob": "^0.23.0",
     "react-native-mmkv": "^3.0.0",
     "react-native-svg": "^15.0.0",
-    "react-test-renderer": "^18.2.0",
+    "react-test-renderer": "18.2.0",
     "semantic-release": "^25.0.2",
+    "size-limit": "^12.0.1",
     "tsx": "^4.20.6",
     "typescript": "^5.4.0"
   },
@@ -169,5 +228,17 @@
     "node_modules/",
     "lib/",
     "example/"
+  ],
+  "size-limit": [
+    {
+      "name": "Full bundle (all icon sets)",
+      "path": "lib/module/index.js",
+      "limit": "700 kB"
+    },
+    {
+      "name": "Single icon set (deep import)",
+      "path": "lib/module/components/Mdi.js",
+      "limit": "50 kB"
+    }
   ]
 }