fix: ts 自动引入优化

README.md

@@ -1,5 +1,11 @@
 # react-blurry-gradient
 
+![NPM Version](https://img.shields.io/npm/v/react-blurry-gradient)
+![npm bundle size](https://img.shields.io/bundlephobia/minzip/react-blurry-gradient)
+![NPM License](https://img.shields.io/npm/l/react-blurry-gradient)
+![GitHub Actions Workflow Status](https://img.shields.io/github/actions/workflow/status/HoPGoldy/react-blurry-gradient/release.yml)
+![Static Badge](https://img.shields.io/badge/with-typescript-blue)
+
 ![](./assert/banner.gif)
 
 实现动态毛玻璃渐变背景特效的 React 组件。
@@ -42,6 +48,8 @@ export default function App() {
 
 ### 2. 随机范围配置
 
+无论使用 `colors` 还是 `items` 配置，都可以使用以下参数来随机生成那些没有指定的属性。
+
 | 参数           | 类型               | 必填 | 默认值     | 说明                                 |
 | -------------- | ------------------ | ---- | ---------- | ------------------------------------ |
 | itemWidth      | `[number, number]` | 否   | `[60, 80]` | 随机生成的色块宽度上下限             |

package.json

@@ -2,7 +2,7 @@
   "name": "react-blurry-gradient",
   "description": "A React component that creates blurry gradient effect.",
   "private": false,
-  "version": "1.0.0",
+  "version": "1.0.1",
   "homepage": "https://github.com/HoPGoldy/react-blurry-gradient",
   "repository": {
     "type": "git",
@@ -19,13 +19,6 @@
     },
     "./style.css": "./dist/react-blurry-gradient.css"
   },
-  "typesVersions": {
-    "*": {
-      ".": [
-        "./dist/index.d.ts"
-      ]
-    }
-  },
   "files": [
     "dist/*"
   ],

src/blurry-gradient/blurry-gradient.tsx

@@ -84,7 +84,7 @@ export const BlurryGradient: FC<BlurryGradientProps> = (props) => {
 
   return (
     <div
-      className={`${props.className} blurry-gradient-container`}
+      className={['blurry-gradient-container', props.className].filter(Boolean).join(' ')}
       style={
         {
           ...(props.style || {}),