Types import fix (#87)

* fix: correct type imports and reorder IconProps fields for consistency. Closes #86

* fix: standardize import quotes in generate-svg.mjs

* chore: release 3.0.4

Author: mrkpatchaa

generator/generate-svg.mjs

@@ -141,7 +141,7 @@ const generateMainIconFile = (icon) => {
   const component = Case.pascal(icon);
   const componentCode = `import { type Icon, type IconProps } from 'phosphor-react-native'
 
-import IconBase from "../lib/icon-base";
+import IconBase from '../lib/icon-base'
 import weights from '../defs/${component}'
 
 const I: Icon = ({...props }: IconProps) => (

package.json

@@ -1,6 +1,6 @@
 {
   "name": "phosphor-react-native",
-  "version": "3.0.3",
+  "version": "3.0.4",
   "description": "Flexible icons for React Native",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",

src/lib/index.tsx

@@ -1,5 +1,5 @@
 import React, { createContext } from 'react';
-import { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
 
 export type IconWeight =
   | 'thin'
@@ -11,15 +11,15 @@ export type IconWeight =
 
 export interface IconProps {
   color?: string;
+  duotoneColor?: string;
+  duotoneOpacity?: number;
+  mirrored?: boolean;
   size?: string | number;
-  weight?: IconWeight;
   style?: StyleProp<ViewStyle | TextStyle>;
-  mirrored?: boolean;
   testID?: string;
-  duotoneColor?: string;
-  duotoneOpacity?: number;
   title?: string; // SVGRProps
   titleId?: string; // SVGRProps
+  weight?: IconWeight;
 }
 
 export type Icon = React.FC<IconProps>;