Fix banner & package definition

README.md

@@ -1,13 +1,13 @@
-<p align="center">
-    Like this project? Give a star 🌟
-</p>
-
-<img src="./assets/banner.gif">
+<img src="./assets/intro.gif">
 
 PowerGlitch is a standalone library with no external dependencies. It leverages CSS animations to create a glitch effect on any image. No canvas drawing or DOM manipulations are needed to create the glitch effect.
 
 Want to try it out? Check out the [demo](https://7ph.github.io/powerglitch/#/playground) 😊
 
+<p align="right">
+    Like this project? Give a star 🌟
+</p>
+
 ## Getting started
 
 1. Install PowerGlitch using npm or yarn

package.json

@@ -1,12 +1,17 @@
 {
     "name": "powerglitch",
     "version": "0.1.0",
-    "type": "module",
+    "main": "./lib/index.js",
+    "types": "./lib/index.d.ts",
     "scripts": {
-        "docs:dev": "vite",
-        "docs:build": "vite build --emptyOutDir",
-        "docs:preview": "vite preview"
+        "dev:docs": "vite",
+        "build:docs": "vite build --emptyOutDir",
+        "build:lib": "tsc",
+        "preview:docs": "vite preview"
     },
+    "files": [
+        "/lib"
+    ],
     "devDependencies": {
         "@fortawesome/fontawesome-svg-core": "^6.1.1",
         "@fortawesome/free-brands-svg-icons": "^6.1.1",

tsconfig.json

@@ -6,6 +6,7 @@
         "strict": true,
         "esModuleInterop": true,
         "skipLibCheck": true,
+        "declaration": true,
         "forceConsistentCasingInFileNames": true
     }
 }