fix: drag limitation on mousemove

README.md

@@ -2,6 +2,31 @@
 [![Downloads][downloads-image]][downloads-url]
 [![License][license-image]][license-url]
 
+# 🚀 About this Fork
+This fork exists for one simple reason: better UX.
+
+The original version had a pretty limiting behavior — when interacting with the color picker (like dragging the saturation square, hue, opacity sliders, etc.), your mouse had to stay inside the component. If you moved outside, everything just froze until you came back.
+
+With this fork, that’s no longer a problem.
+Now you can drag freely, even outside the component.
+
+I also took the chance to adjust some TypeScript typings along the way.
+
+📦 How to install (select your package manager)
+```bash
+pnpm add https://github.com/Delgado-tech/react-gradient-color-picker.git
+yarn add https://github.com/Delgado-tech/react-gradient-color-picker.git
+npm install https://github.com/Delgado-tech/react-gradient-color-picker.git
+```
+
+> 💡 Note: In this fork, I migrated the project's package manager from Yarn to PNPM
+
+<br/>
+<br/>
+
+
+### 📄 Original README below
+(Just keeping it for reference.)
 
 # react-best-gradient-color-picker
 - Customizable, easy to use color and gradient picker for React.js

package.json

@@ -17,19 +17,19 @@
     }
   },
   "scripts": {
-    "build": "yarn build-js",
-    "build-js": "yarn build-js-esm && yarn build-js-cjs && yarn build-js-cjs-package",
+    "build": "pnpm build-js",
+    "build-js": "pnpm build-js-esm && pnpm build-js-cjs && pnpm build-js-cjs-package",
     "build-js-esm": "tsc --project tsconfig.build.json --outDir dist/esm",
     "build-js-cjs": "tsc --project tsconfig.build.json --outDir dist/cjs --module commonjs --moduleResolution node --verbatimModuleSyntax false",
     "build-js-cjs-package": "echo '{\n  \"type\": \"commonjs\"\n}' > dist/cjs/package.json",
     "clean": "rimraf dist",
     "format": "biome format",
     "lint": "biome lint",
-    "prepack": "yarn clean && yarn build",
-    "test": "yarn lint && yarn tsc && yarn format && yarn unit",
+    "prepack": "pnpm clean && pnpm build",
+    "test": "pnpm lint && pnpm tsc && pnpm format && pnpm unit",
     "tsc": "tsc",
     "unit": "vitest",
-    "watch": "yarn build-js-esm --watch & yarn build-js-cjs --watch & node --eval"
+    "watch": "pnpm build-js-esm --watch & pnpm build-js-cjs --watch & node --eval"
   },
   "repository": {
     "type": "git",
@@ -59,6 +59,7 @@
     "@types/lodash.throttle": "*",
     "@types/node": "*",
     "@types/react": "*",
+    "@types/react-dom": "^19.1.2",
     "@types/reactcss": "^1.2.11",
     "@types/tinycolor2": "^1.4.6",
     "cpy-cli": "^3.1.1",
@@ -93,4 +94,4 @@
   "publishConfig": {
     "@hxf31891:registry": "https://npm.pkg.github.com"
   }
-}
+}