{"_id":"@aneeshbhat/react-color-picker","_rev":"12-f952d612b32f5761dc7a65484217cf1c","name":"@aneeshbhat/react-color-picker","dist-tags":{"alpha":"0.3.0-alpha.1","latest":"1.0.0"},"versions":{"0.1.0-alpha.0":{"name":"@aneeshbhat/react-color-picker","version":"0.1.0-alpha.0","keywords":["react","color-picker","gradient","color","typescript"],"author":{"name":"Aneesh Bhat"},"license":"MIT","_id":"@aneeshbhat/react-color-picker@0.1.0-alpha.0","maintainers":[{"name":"aneeshbhat","email":"aneeshb413@gmail.com"}],"dist":{"shasum":"1bef4139cfb7442904b17c14020b18be3c50900f","tarball":"https://registry.npmjs.org/@aneeshbhat/react-color-picker/-/react-color-picker-0.1.0-alpha.0.tgz","fileCount":9,"integrity":"sha512-Ue18Yc2HuzGbwY0SbLn9i5y7ctSZZGTl1dl334vm9xu6H5dJ0SyuP47u5pC9P72FA/bjTteSwLJBQ69ez9P1qA==","signatures":[{"sig":"MEUCIQDim+yA8XW1TJeeYIvU0mgKgU17ccu/KFvV0rrQoocoYwIgMq9RofFm+2xFHl9nsbiTqf1aoZj58hlqxThcft0AqHM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":13618},"main":"./dist/react-color-picker.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/react-color-picker.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/react-color-picker.js","require":"./dist/react-color-picker.cjs"},"./style.css":"./dist/style.css"},"gitHead":"4a1fe67cdd796ed89a9a17942ac49ff2c2a46111","private":false,"scripts":{"lint":"eslint . && stylelint \"src/**/*.css\"","build":"bun run lint && bun run format:check && vite build && tsc -p tsconfig.json","format":"prettier --write .","format:check":"prettier --check .","prepublishOnly":"bun run build"},"_npmUser":{"name":"aneeshbhat","email":"aneeshb413@gmail.com"},"_npmVersion":"10.9.2","description":"A simple React color picker with solid and gradient color support.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.14","eslint":"^10.4.1","globals":"^17.6.0","prettier":"^3.8.3","stylelint":"^17.12.0","@eslint/js":"^10.0.1","typescript":"^6.0.3","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.60.0","stylelint-prettier":"^5.0.3","@vitejs/plugin-react":"^6.0.2","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.6","eslint-plugin-react-hooks":"^7.1.1","stylelint-config-standard":"^40.0.0","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/react-color-picker_0.1.0-alpha.0_1780168094968_0.8901375662711832","host":"s3://npm-registry-packages-npm-production"}},"0.1.0-alpha.1":{"name":"@aneeshbhat/react-color-picker","version":"0.1.0-alpha.1","keywords":["react","color-picker","gradient","color","typescript"],"author":{"name":"Aneesh Bhat"},"license":"MIT","_id":"@aneeshbhat/react-color-picker@0.1.0-alpha.1","maintainers":[{"name":"aneeshbhat","email":"aneeshb413@gmail.com"}],"dist":{"shasum":"060084f0c7f799dd6a1207615101ceede94096e3","tarball":"https://registry.npmjs.org/@aneeshbhat/react-color-picker/-/react-color-picker-0.1.0-alpha.1.tgz","fileCount":9,"integrity":"sha512-NvYSmF4rbgDFEXKXvjyO6kIyRpQ0uFyCUZWKoi0f9EqbAG2xJVHiXmnELUP2qh77QqT6CLd4zwGsvc7BV0su0g==","signatures":[{"sig":"MEYCIQD17HcF8kMn3/ox0h6eIQlZpIuHv7A518yL7lQDXK5sbAIhAOhXKntOaj+a1qRE6fiWDndHhl7r3U3uX3hoqh4yDlI8","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":23411},"main":"./dist/react-color-picker.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/react-color-picker.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/react-color-picker.js","require":"./dist/react-color-picker.cjs"},"./style.css":"./dist/style.css"},"gitHead":"1d3db39ddd037e7fdf77873ba95d6e13b2974edc","private":false,"scripts":{"lint":"eslint . && stylelint \"src/**/*.css\"","build":"bun run lint && bun run format:check && vite build && tsc -p tsconfig.json","format":"prettier --write .","format:check":"prettier --check .","prepublishOnly":"bun run build"},"_npmUser":{"name":"aneeshbhat","email":"aneeshb413@gmail.com"},"_npmVersion":"10.9.2","description":"A simple React color picker with solid and gradient color support.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"^8.0.14","eslint":"^10.4.1","globals":"^17.6.0","prettier":"^3.8.3","stylelint":"^17.12.0","@eslint/js":"^10.0.1","typescript":"^6.0.3","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.60.0","stylelint-prettier":"^5.0.3","@vitejs/plugin-react":"^6.0.2","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.6","eslint-plugin-react-hooks":"^7.1.1","stylelint-config-standard":"^40.0.0","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/react-color-picker_0.1.0-alpha.1_1780239529810_0.47475455605740846","host":"s3://npm-registry-packages-npm-production"}},"0.1.0-alpha.2":{"name":"@aneeshbhat/react-color-picker","version":"0.1.0-alpha.2","keywords":["react","color-picker","gradient","color","typescript"],"author":{"name":"Aneesh Bhat"},"license":"MIT","_id":"@aneeshbhat/react-color-picker@0.1.0-alpha.2","maintainers":[{"name":"aneeshbhat","email":"aneeshb413@gmail.com"}],"dist":{"shasum":"064a95e6d4be4af3b8588c484cbd47228b52ff81","tarball":"https://registry.npmjs.org/@aneeshbhat/react-color-picker/-/react-color-picker-0.1.0-alpha.2.tgz","fileCount":9,"integrity":"sha512-RZBFlztmka9EpfpE3buUqeT4kSy4wKIRiFHc8+d8i7DqwzBidu5v9s/5oo97LN0lIs2lwIHyTIOx6iZ3fsigUw==","signatures":[{"sig":"MEUCIE1whkgjAH1I+3xlJIp/2CNxTTN6BXm8ECny1VffBbPiAiEA5rmZ56GxcDoQ4xMm5/TUAEDbD/tEW6S8B0OkmBiBfC8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":23495},"main":"./dist/react-color-picker.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/react-color-picker.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/react-color-picker.js","require":"./dist/react-color-picker.cjs"},"./style.css":"./dist/style.css"},"gitHead":"8882dc3b85f4ca8d533aeeea93328918d6cba29e","private":false,"scripts":{"lint":"eslint . && stylelint \"src/**/*.css\"","build":"bun run lint && bun run format:check && vite build && tsc -p tsconfig.json","format":"prettier --write .","format:check":"prettier --check .","prepublishOnly":"bun run build"},"_npmUser":{"name":"aneeshbhat","email":"aneeshb413@gmail.com"},"_npmVersion":"10.9.2","description":"A simple React color picker with solid and gradient color support.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"^8.0.14","eslint":"^10.4.1","globals":"^17.6.0","prettier":"^3.8.3","stylelint":"^17.12.0","@eslint/js":"^10.0.1","typescript":"^6.0.3","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.60.0","stylelint-prettier":"^5.0.3","@vitejs/plugin-react":"^6.0.2","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.6","eslint-plugin-react-hooks":"^7.1.1","stylelint-config-standard":"^40.0.0","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/react-color-picker_0.1.0-alpha.2_1780254926210_0.3514553510299625","host":"s3://npm-registry-packages-npm-production"}},"0.1.0-alpha.3":{"name":"@aneeshbhat/react-color-picker","version":"0.1.0-alpha.3","keywords":["react","color-picker","gradient","color","typescript"],"author":{"name":"Aneesh Bhat"},"license":"MIT","_id":"@aneeshbhat/react-color-picker@0.1.0-alpha.3","maintainers":[{"name":"aneeshbhat","email":"aneeshb413@gmail.com"}],"dist":{"shasum":"d29893b9ebeecdaab8079aee53b6d2773205215d","tarball":"https://registry.npmjs.org/@aneeshbhat/react-color-picker/-/react-color-picker-0.1.0-alpha.3.tgz","fileCount":6,"integrity":"sha512-/urQMAEC9ZY+rHpx1jqusHPDIRhmEmhWAYP4Afi52uT9XsMUw8eGOxHMH5P6XnncqTGOaYPx/n/MP/lkeJy2Bw==","signatures":[{"sig":"MEUCIEZPc1xcV5xEpi8HDJ6tcKgRcGmRK0R6RIqJ40ywPuYRAiEA9J5lIJLoeBXuszBMmhIkVSbHgQkJ/O9Z1yhRTbpKTFc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":18067},"type":"module","types":"./dist/index.d.ts","module":"./dist/react-color-picker.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/react-color-picker.js"},"./style.css":"./dist/style.css"},"gitHead":"d485216cb7570923020856766ecfad61a749d2e1","private":false,"scripts":{"lint":"eslint . && stylelint \"src/**/*.css\"","build":"bun run lint && bun run format:check && vite build && tsc -p tsconfig.json","format":"prettier --write .","format:check":"prettier --check .","prepublishOnly":"bun run build"},"_npmUser":{"name":"aneeshbhat","email":"aneeshb413@gmail.com"},"_npmVersion":"10.9.2","description":"A simple React color picker with solid and gradient color support.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"^8.0.14","eslint":"^10.4.1","globals":"^17.6.0","prettier":"^3.8.3","stylelint":"^17.12.0","@eslint/js":"^10.0.1","typescript":"^6.0.3","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.60.0","stylelint-prettier":"^5.0.3","@vitejs/plugin-react":"^6.0.2","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.6","eslint-plugin-react-hooks":"^7.1.1","stylelint-config-standard":"^40.0.0","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/react-color-picker_0.1.0-alpha.3_1780310340349_0.3500305874805658","host":"s3://npm-registry-packages-npm-production"}},"0.1.0-alpha.4":{"name":"@aneeshbhat/react-color-picker","version":"0.1.0-alpha.4","keywords":["react","color-picker","gradient","color","typescript"],"author":{"name":"Aneesh Bhat"},"license":"MIT","_id":"@aneeshbhat/react-color-picker@0.1.0-alpha.4","maintainers":[{"name":"aneeshbhat","email":"aneeshb413@gmail.com"}],"homepage":"https://aneeshbhatb.github.io/react-color-picker-playground/","bugs":{"url":"https://github.com/aneeshbhatb/react-color-picker/issues"},"dist":{"shasum":"eb7a52510e63e735355b79d41b86492f9dbafb0b","tarball":"https://registry.npmjs.org/@aneeshbhat/react-color-picker/-/react-color-picker-0.1.0-alpha.4.tgz","fileCount":6,"integrity":"sha512-9Zks0ILnPiWLbQizR/Zi28mXn+DKjv5X1m50xuoW6swmIspWskyMT6IPt5GlFWqXUbEW2P+12OSffxj5Ui3wXw==","signatures":[{"sig":"MEUCIQCJKqnGm7G903z4PraEQ7o7tydCMHEbZV/sjxOEAzPW8AIgcKyMXpmHetfaPv7yqYn+od4+I76j9NhNuZRWBJma3pA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":18345},"type":"module","types":"./dist/index.d.ts","module":"./dist/react-color-picker.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/react-color-picker.js"},"./style.css":"./dist/style.css"},"gitHead":"46e19b45db804b25e7df4cfd1c663e1afa76b119","private":false,"scripts":{"lint":"eslint . && stylelint \"src/**/*.css\"","build":"bun run lint && bun run format:check && vite build && tsc -p tsconfig.json","format":"prettier --write .","format:check":"prettier --check .","prepublishOnly":"bun run build"},"_npmUser":{"name":"aneeshbhat","email":"aneeshb413@gmail.com"},"repository":{"url":"git+https://github.com/aneeshbhatb/react-color-picker.git","type":"git"},"_npmVersion":"10.9.2","description":"A simple React color picker with solid and gradient color support.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"^8.0.14","eslint":"^10.4.1","globals":"^17.6.0","prettier":"^3.8.3","stylelint":"^17.12.0","@eslint/js":"^10.0.1","typescript":"^6.0.3","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.60.0","stylelint-prettier":"^5.0.3","@vitejs/plugin-react":"^6.0.2","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.6","eslint-plugin-react-hooks":"^7.1.1","stylelint-config-standard":"^40.0.0","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/react-color-picker_0.1.0-alpha.4_1780312533871_0.8065843335243976","host":"s3://npm-registry-packages-npm-production"}},"0.1.0":{"name":"@aneeshbhat/react-color-picker","version":"0.1.0","keywords":["react","color-picker","gradient","color","typescript"],"author":{"name":"Aneesh Bhat"},"license":"MIT","_id":"@aneeshbhat/react-color-picker@0.1.0","maintainers":[{"name":"aneeshbhat","email":"aneeshb413@gmail.com"}],"homepage":"https://aneeshbhatb.github.io/react-color-picker-playground/","bugs":{"url":"https://github.com/aneeshbhatb/react-color-picker/issues"},"dist":{"shasum":"fce8d3c9ae2f78adf63a157299abdb22e82708da","tarball":"https://registry.npmjs.org/@aneeshbhat/react-color-picker/-/react-color-picker-0.1.0.tgz","fileCount":6,"integrity":"sha512-x5+FHOk4ntIc6ZUumOHzvxuolgV31OOB7FCGCBMy7Rmzp/nn+7aB7teOSK+FmAa83IM99mpN/en8X8RJYYqHEg==","signatures":[{"sig":"MEUCIQDjiBTFnOJSmNdgUgxn7AesrRl45siFxlbAuQ0CWbUAVgIgbB1bzEQhDyyBTnRN7tsSqXwiikgXlJeCJCr3V+aXqz8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":18295},"type":"module","types":"./dist/index.d.ts","module":"./dist/react-color-picker.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/react-color-picker.js"},"./style.css":"./dist/style.css"},"gitHead":"c5617bc88581402912827cce8396a899e5f65f8f","private":false,"scripts":{"lint":"eslint . && stylelint \"src/**/*.css\"","build":"bun run lint && bun run format:check && vite build && tsc -p tsconfig.json","format":"prettier --write .","format:check":"prettier --check .","prepublishOnly":"bun run build"},"_npmUser":{"name":"aneeshbhat","email":"aneeshb413@gmail.com"},"repository":{"url":"git+https://github.com/aneeshbhatb/react-color-picker.git","type":"git"},"_npmVersion":"10.9.2","description":"A simple React color picker with solid and gradient color support.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.14","eslint":"^10.4.1","globals":"^17.6.0","prettier":"^3.8.3","stylelint":"^17.12.0","@eslint/js":"^10.0.1","typescript":"^6.0.3","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.60.0","stylelint-prettier":"^5.0.3","@vitejs/plugin-react":"^6.0.2","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.6","eslint-plugin-react-hooks":"^7.1.1","stylelint-config-standard":"^40.0.0","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/react-color-picker_0.1.0_1780344887229_0.009486622078498153","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@aneeshbhat/react-color-picker","version":"0.2.0","keywords":["react","color-picker","gradient","color","typescript"],"author":{"name":"Aneesh Bhat"},"license":"MIT","_id":"@aneeshbhat/react-color-picker@0.2.0","maintainers":[{"name":"aneeshbhat","email":"aneeshb413@gmail.com"}],"homepage":"https://aneeshbhatb.github.io/react-color-picker-playground/","bugs":{"url":"https://github.com/aneeshbhatb/react-color-picker/issues"},"dist":{"shasum":"53ac107218e670dce522eb6170244a005905baa6","tarball":"https://registry.npmjs.org/@aneeshbhat/react-color-picker/-/react-color-picker-0.2.0.tgz","fileCount":6,"integrity":"sha512-Yri+HcePUxHBBuXD9UsP21inV2sPdOUIQWBk1hsywzruh4gAhoPquVwHMT3kIFiYQg5lz4ucjTB+HTI/8ZT0wA==","signatures":[{"sig":"MEYCIQC6Vu1gLmQEvXkExdii0nLw5/O09v/4aaJ+y3ANwRL8mgIhAKWKx2/n2/xsBXSwlXPZLjMtrG/s/80pYDw7QYlizHm/","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":18761},"type":"module","types":"./dist/index.d.ts","module":"./dist/react-color-picker.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/react-color-picker.js"},"./style.css":"./dist/style.css"},"gitHead":"8d0f89bdff36d332aa3c212b8e32f02834db815c","private":false,"scripts":{"lint":"eslint . && stylelint \"src/**/*.css\"","build":"bun run lint && bun run format:check && vite build && tsc -p tsconfig.json","format":"prettier --write .","format:check":"prettier --check .","prepublishOnly":"bun run build"},"_npmUser":{"name":"aneeshbhat","email":"aneeshb413@gmail.com"},"repository":{"url":"git+https://github.com/aneeshbhatb/react-color-picker.git","type":"git"},"_npmVersion":"10.9.2","description":"A simple React color picker with solid and gradient color support.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.14","eslint":"^10.4.1","globals":"^17.6.0","prettier":"^3.8.3","stylelint":"^17.12.0","@eslint/js":"^10.0.1","typescript":"^6.0.3","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.60.0","stylelint-prettier":"^5.0.3","@vitejs/plugin-react":"^6.0.2","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.6","eslint-plugin-react-hooks":"^7.1.1","stylelint-config-standard":"^40.0.0","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/react-color-picker_0.2.0_1780403921954_0.034184203799018764","host":"s3://npm-registry-packages-npm-production"}},"0.3.0-alpha.0":{"name":"@aneeshbhat/react-color-picker","version":"0.3.0-alpha.0","keywords":["react","color-picker","gradient","color","typescript"],"author":{"name":"Aneesh Bhat"},"license":"MIT","_id":"@aneeshbhat/react-color-picker@0.3.0-alpha.0","maintainers":[{"name":"aneeshbhat","email":"aneeshb413@gmail.com"}],"homepage":"https://aneeshbhatb.github.io/react-color-picker-playground/","bugs":{"url":"https://github.com/aneeshbhatb/react-color-picker/issues"},"dist":{"shasum":"8129fdee8e12faa623ab12e72b701a8d4e4b3177","tarball":"https://registry.npmjs.org/@aneeshbhat/react-color-picker/-/react-color-picker-0.3.0-alpha.0.tgz","fileCount":6,"integrity":"sha512-k1YdPphmJftIy34DXCoYl0fXWCn4+XPU6OUlxrXkNe/uQ57cHZ+zTCiNpqQMbV252YaQyU9I9Dk7vX0xa/avgg==","signatures":[{"sig":"MEUCIDN/mzfAHqN0FijhCaNqudjqTavxh7cwxxp93FrfR6mkAiEAheh23CByeXm/8etchtglidGOpYv/PnZjrgG91rj/bFU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":28087},"type":"module","types":"./dist/index.d.ts","module":"./dist/react-color-picker.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/react-color-picker.js"},"./style.css":"./dist/style.css"},"gitHead":"11b55fc47fbbd70d35a88c29d1a1e8cb37bb1c8d","private":false,"scripts":{"lint":"eslint . && stylelint \"src/**/*.css\"","build":"bun run lint && bun run format:check && vite build && tsc -p tsconfig.json","format":"prettier --write .","format:check":"prettier --check .","prepublishOnly":"bun run build"},"_npmUser":{"name":"aneeshbhat","email":"aneeshb413@gmail.com"},"repository":{"url":"git+https://github.com/aneeshbhatb/react-color-picker.git","type":"git"},"_npmVersion":"10.9.2","description":"A simple React color picker with solid and gradient color support.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"^8.0.14","eslint":"^10.4.1","globals":"^17.6.0","prettier":"^3.8.3","stylelint":"^17.12.0","@eslint/js":"^10.0.1","typescript":"^6.0.3","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.60.0","stylelint-prettier":"^5.0.3","@vitejs/plugin-react":"^6.0.2","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.6","eslint-plugin-react-hooks":"^7.1.1","stylelint-config-standard":"^40.0.0","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/react-color-picker_0.3.0-alpha.0_1780429007434_0.8787725900854191","host":"s3://npm-registry-packages-npm-production"}},"0.3.0-alpha.1":{"name":"@aneeshbhat/react-color-picker","version":"0.3.0-alpha.1","keywords":["react","color-picker","gradient","color","typescript"],"author":{"name":"Aneesh Bhat"},"license":"MIT","_id":"@aneeshbhat/react-color-picker@0.3.0-alpha.1","maintainers":[{"name":"aneeshbhat","email":"aneeshb413@gmail.com"}],"homepage":"https://aneeshbhatb.github.io/react-color-picker-playground/","bugs":{"url":"https://github.com/aneeshbhatb/react-color-picker/issues"},"dist":{"shasum":"7357d70b7b8e5d4213217686fe514cedbb0d25c0","tarball":"https://registry.npmjs.org/@aneeshbhat/react-color-picker/-/react-color-picker-0.3.0-alpha.1.tgz","fileCount":6,"integrity":"sha512-bC63YXIiHeHD2QMq7X77Zx603ndmF7DNChKiIyZajle0nW3xyGHPLttLse5O2FYUUSy1TcvWimlVs0gQChnMyw==","signatures":[{"sig":"MEQCIEEYv67I5rEqw/FVjG08AxRIAct3PmjrvGHs01damesgAiB3pLGhRn8v1vuYB0yMqwmYQ4i6pgj3hZmH5TkCFAktww==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":32427},"type":"module","types":"./dist/index.d.ts","module":"./dist/react-color-picker.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/react-color-picker.js"},"./style.css":"./dist/style.css"},"gitHead":"7dec608ec2c2cc28ccfbc618d32cfefb530ac422","private":false,"scripts":{"lint":"eslint . && stylelint \"src/**/*.css\"","build":"bun run lint && bun run format:check && vite build && tsc -p tsconfig.json","format":"prettier --write .","format:check":"prettier --check .","prepublishOnly":"bun run build"},"_npmUser":{"name":"aneeshbhat","email":"aneeshb413@gmail.com"},"repository":{"url":"git+https://github.com/aneeshbhatb/react-color-picker.git","type":"git"},"_npmVersion":"10.9.2","description":"A simple React color picker with solid and gradient color support.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"^8.0.14","eslint":"^10.4.1","globals":"^17.6.0","prettier":"^3.8.3","stylelint":"^17.12.0","@eslint/js":"^10.0.1","typescript":"^6.0.3","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.60.0","stylelint-prettier":"^5.0.3","@vitejs/plugin-react":"^6.0.2","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.6","eslint-plugin-react-hooks":"^7.1.1","stylelint-config-standard":"^40.0.0","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/react-color-picker_0.3.0-alpha.1_1780471740032_0.29867946667056633","host":"s3://npm-registry-packages-npm-production"}},"0.3.0":{"name":"@aneeshbhat/react-color-picker","version":"0.3.0","keywords":["react","color-picker","gradient","color","typescript"],"author":{"name":"Aneesh Bhat"},"license":"MIT","_id":"@aneeshbhat/react-color-picker@0.3.0","maintainers":[{"name":"aneeshbhat","email":"aneeshb413@gmail.com"}],"homepage":"https://aneeshbhatb.github.io/react-color-picker-playground/","bugs":{"url":"https://github.com/aneeshbhatb/react-color-picker/issues"},"dist":{"shasum":"2cefa8662fb6249aa940a02d24266e5aafb1c105","tarball":"https://registry.npmjs.org/@aneeshbhat/react-color-picker/-/react-color-picker-0.3.0.tgz","fileCount":15,"integrity":"sha512-qaOHSXDVCXMpmLYPqfXi3bH02WubpeGXAY8eaFP22wG3Qk8jBPuc5tHHoM/rNdjgATVEBTVDgMXt9AFy+TJuUg==","signatures":[{"sig":"MEYCIQCWPaDp4zfIPkXdiCnwJyPFvi/L5t8D3cig6J6jkFWyMAIhAOr3fQE7/FbSwtXGka4+Gs7wzEGA0ootK5z5z+IbUdkN","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":38689},"type":"module","types":"./dist/index.d.ts","module":"./dist/react-color-picker.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/react-color-picker.js"},"./style.css":"./dist/style.css"},"gitHead":"a9dcdba0a87b6fee023fadd110211f795bbc7d10","private":false,"scripts":{"lint":"eslint . && stylelint \"src/**/*.css\"","build":"bun run lint && bun run format:check && vite build && tsc -p tsconfig.json","format":"prettier --write .","format:check":"prettier --check .","prepublishOnly":"bun run build"},"_npmUser":{"name":"aneeshbhat","email":"aneeshb413@gmail.com"},"repository":{"url":"git+https://github.com/aneeshbhatb/react-color-picker.git","type":"git"},"_npmVersion":"10.9.2","description":"A simple React color picker with solid and gradient color support.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.14","eslint":"^10.4.1","globals":"^17.6.0","prettier":"^3.8.3","stylelint":"^17.12.0","@eslint/js":"^10.0.1","typescript":"^6.0.3","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.60.0","stylelint-prettier":"^5.0.3","@vitejs/plugin-react":"^6.0.2","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.6","eslint-plugin-react-hooks":"^7.1.1","stylelint-config-standard":"^40.0.0","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/react-color-picker_0.3.0_1780475946682_0.4452115077498773","host":"s3://npm-registry-packages-npm-production"}},"0.4.0":{"name":"@aneeshbhat/react-color-picker","version":"0.4.0","keywords":["react","color-picker","gradient","color","typescript"],"author":{"name":"Aneesh Bhat"},"license":"MIT","_id":"@aneeshbhat/react-color-picker@0.4.0","maintainers":[{"name":"aneeshbhat","email":"aneeshb413@gmail.com"}],"homepage":"https://aneeshbhatb.github.io/react-color-picker-playground/","bugs":{"url":"https://github.com/aneeshbhatb/react-color-picker/issues"},"dist":{"shasum":"5b4bee31c54b48c9df347da8b750bcaba7cb4f46","tarball":"https://registry.npmjs.org/@aneeshbhat/react-color-picker/-/react-color-picker-0.4.0.tgz","fileCount":15,"integrity":"sha512-650mj1nafSeJ04mrw8wiBCqmzWlMBK/8kLXWeE29AsjaooKK2yYgzD5NgIF2In72ZCmqbo2nIBZxCujv652sxw==","signatures":[{"sig":"MEUCIDONSUc0UJUvk4mk2yjm5ELj4RxaGmwhVrI2C1QI+83SAiEAsA+9v5UwTRyVoywODKvAK3p+XTf97AYQxX5GQnQRI/I=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":38792},"type":"module","types":"./dist/index.d.ts","module":"./dist/react-color-picker.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/react-color-picker.js"},"./style.css":"./dist/style.css"},"gitHead":"399c089411f878d3b02ea493c3a4e894b31d0394","private":false,"scripts":{"lint":"eslint . && stylelint \"src/**/*.css\"","build":"bun run lint && bun run format:check && vite build && tsc -p tsconfig.json","format":"prettier --write .","format:check":"prettier --check .","prepublishOnly":"bun run build"},"_npmUser":{"name":"aneeshbhat","email":"aneeshb413@gmail.com"},"repository":{"url":"git+https://github.com/aneeshbhatb/react-color-picker.git","type":"git"},"_npmVersion":"10.9.2","description":"A simple React color picker with solid and gradient color support.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.14","eslint":"^10.4.1","globals":"^17.6.0","prettier":"^3.8.3","stylelint":"^17.12.0","@eslint/js":"^10.0.1","typescript":"^6.0.3","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.60.0","stylelint-prettier":"^5.0.3","@vitejs/plugin-react":"^6.0.2","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.6","eslint-plugin-react-hooks":"^7.1.1","stylelint-config-standard":"^40.0.0","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/react-color-picker_0.4.0_1780479497006_0.37346193112741477","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"@aneeshbhat/react-color-picker","version":"1.0.0","description":"A simple React color picker with solid and gradient color support.","license":"MIT","author":{"name":"Aneesh Bhat"},"keywords":["react","color-picker","gradient","color","typescript"],"publishConfig":{"access":"public"},"sideEffects":["**/*.css"],"private":false,"type":"module","module":"./dist/react-color-picker.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/react-color-picker.js"},"./style.css":"./dist/style.css"},"scripts":{"build":"bun run lint && bun run format:check && vite build && tsc -p tsconfig.json","lint":"eslint . && stylelint \"src/**/*.css\"","format":"prettier --write .","format:check":"prettier --check .","prepublishOnly":"bun run build"},"peerDependencies":{"react":">=18","react-dom":">=18"},"devDependencies":{"@eslint/js":"^10.0.1","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","@vitejs/plugin-react":"^6.0.2","eslint":"^10.4.1","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.6","eslint-plugin-react-hooks":"^7.1.1","eslint-plugin-react-refresh":"^0.5.2","globals":"^17.6.0","prettier":"^3.8.3","stylelint":"^17.12.0","stylelint-config-standard":"^40.0.0","stylelint-prettier":"^5.0.3","typescript":"^6.0.3","typescript-eslint":"^8.60.0","vite":"^8.0.14"},"homepage":"https://aneeshbhatb.github.io/react-color-picker-playground/","repository":{"type":"git","url":"git+https://github.com/aneeshbhatb/react-color-picker.git"},"bugs":{"url":"https://github.com/aneeshbhatb/react-color-picker/issues"},"_id":"@aneeshbhat/react-color-picker@1.0.0","gitHead":"35e98b60a6f8c17b5e376f6a7067ba32e2e4d71c","_nodeVersion":"22.14.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-SVawhtI5JmJslV0r8/7+T8BPAnxlyE9TrzzZ1yI5lXiehEPytQrdzqS9rsbSeFMOgicCNRACzNRzDuxyCNJXfg==","shasum":"ec7819a83b4b26316282e04ee34c4ae6a4899606","tarball":"https://registry.npmjs.org/@aneeshbhat/react-color-picker/-/react-color-picker-1.0.0.tgz","fileCount":16,"unpackedSize":50075,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIE+HVAI4TQ0LhkbtOqNe6khZ3gShDFBINcGyy92qWV0sAiEAmUGJjuSoQsXU7lKITJLilvxjxM7qH+BsbMiqrqzvYX0="}]},"_npmUser":{"name":"aneeshbhat","email":"aneeshb413@gmail.com"},"directories":{},"maintainers":[{"name":"aneeshbhat","email":"aneeshb413@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-color-picker_1.0.0_1781089814850_0.7239214060616794"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-30T19:08:14.831Z","modified":"2026-06-10T11:10:15.121Z","0.1.0-alpha.0":"2026-05-30T19:08:15.106Z","0.1.0-alpha.1":"2026-05-31T14:58:49.957Z","0.1.0-alpha.2":"2026-05-31T19:15:26.356Z","0.1.0-alpha.3":"2026-06-01T10:39:00.502Z","0.1.0-alpha.4":"2026-06-01T11:15:34.020Z","0.1.0":"2026-06-01T20:14:47.376Z","0.2.0":"2026-06-02T12:38:42.090Z","0.3.0-alpha.0":"2026-06-02T19:36:47.573Z","0.3.0-alpha.1":"2026-06-03T07:29:00.177Z","0.3.0":"2026-06-03T08:39:06.812Z","0.4.0":"2026-06-03T09:38:17.136Z","1.0.0":"2026-06-10T11:10:14.984Z"},"bugs":{"url":"https://github.com/aneeshbhatb/react-color-picker/issues"},"author":{"name":"Aneesh Bhat"},"license":"MIT","homepage":"https://aneeshbhatb.github.io/react-color-picker-playground/","keywords":["react","color-picker","gradient","color","typescript"],"repository":{"type":"git","url":"git+https://github.com/aneeshbhatb/react-color-picker.git"},"description":"A simple React color picker with solid and gradient color support.","maintainers":[{"name":"aneeshbhat","email":"aneeshb413@gmail.com"}],"readme":"# @aneeshbhat/react-color-picker\n\nA lightweight React color picker with saturation, hue, and alpha controls.\n\n> This project is in early development. The API may change as the component evolves.\n\n## Playground\n\nDemo: https://aneeshbhatb.github.io/react-color-picker-playground/\n\n\n## Installation\n\n```bash\nnpm install @aneeshbhat/react-color-picker\n# or\nbun add @aneeshbhat/react-color-picker\n```\n\n## Usage\n\nImport the component and its stylesheet, then wire it up as a controlled input.\n\n```tsx\nimport { useState } from 'react'\nimport { ReactColorPicker } from '@aneeshbhat/react-color-picker'\nimport '@aneeshbhat/react-color-picker/style.css'\n\nfunction App() {\n  const [color, setColor] = useState('#3b82f6')\n\n  return (\n    <div style={{ width: 320, height: 240 }}>\n      <ReactColorPicker value={color} onChange={setColor} />\n    </div>\n  )\n}\n```\n\nThe picker fits the dimensions of its container. `onChange` emits a hex string (`#rrggbb`) when the color is fully opaque, an `rgba(r, g, b, a)` string when the alpha channel is below 100%, or a CSS gradient string in gradient mode.\n\n## Supported color formats\n\nThe `value` prop accepts:\n\n| Format                   | Example                  |\n| ------------------------ | ------------------------ |\n| 3-digit hex              | `#f00`                   |\n| 6-digit hex              | `#ff0000`                |\n| 4-digit hex (with alpha) | `#f00f`                  |\n| 8-digit hex (with alpha) | `#ff0000ff`              |\n| CSS `rgb()`              | `rgb(255, 0, 0)`         |\n| CSS `rgba()`             | `rgba(255, 0, 0, 0.5)`   |\n| CSS linear gradient      | `linear-gradient(90deg, #fff 0%, #000 100%)` |\n| CSS radial gradient      | `radial-gradient(circle, #fff 0%, #000 100%)` |\n\nInvalid values fall back to `#ffffff`.\n\n## Props\n\n| Prop                   | Type                         | Default     | Description                                                                          |\n| ---------------------- |------------------------------| ----------- | ------------------------------------------------------------------------------------ |\n| `value`                | `string`                     | see note    | The current color value. Accepts hex, `rgb()`/`rgba()`, `linear-gradient(...)`, or `radial-gradient(...)`. When omitted, defaults to `#ffffff` in solid mode, `linear-gradient(90deg, #fffdf6 0%, #ffe3e3 100%)` for linear gradients, and `radial-gradient(circle, #fffdf6 0%, #ffe3e3 100%)` for radial gradients. |\n| `onChange`             | `(color: string) => void`    | —           | Called whenever the color changes. Emits hex when fully opaque, `rgba()` with opacity, or a CSS gradient in gradient mode. |\n| `mode`                 | `'solid' \\| 'gradient' \\| 'both'` | `'both'` | Which modes are available. `'both'` shows the switcher; a single value locks the picker to that mode. |\n| `defaultMode`          | `'solid' \\| 'gradient'`      | `'solid'`   | Initial active mode when `mode` is `'both'` and `activeMode` is not provided.        |\n| `activeMode`           | `'solid' \\| 'gradient'`      | —           | Controlled active mode. When set, the parent owns it — pair with `onModeChange`. Enables custom switchers. |\n| `onModeChange`         | `(mode: 'solid' \\| 'gradient') => void` | —  | Called when the active mode changes.                                                 |\n| `hideModeSwitcher`     | `boolean`                    | `false`     | Hides the built-in solid/gradient switcher (e.g. when supplying your own).           |\n| `gradientType`         | `'linear' \\| 'radial' \\| 'both'` | `'both'` | Which gradient types are available. `'both'` shows the switcher in gradient mode; a single value locks the gradient type. |\n| `defaultGradientType`  | `'linear' \\| 'radial'`       | `'linear'`  | Initial gradient type when `gradientType` is `'both'` and `activeGradientType` is not provided. |\n| `activeGradientType`   | `'linear' \\| 'radial'`       | —           | Controlled gradient type. When set, the parent owns it — pair with `onGradientTypeChange`. Enables custom switchers. |\n| `onGradientTypeChange` | `(type: 'linear' \\| 'radial') => void` | — | Called when the active gradient type changes.                                        |\n| `hideGradientTypeSwitcher` | `boolean`                | `false`     | Hides the built-in linear/radial switcher (e.g. when supplying your own).            |\n| `classNames`           | `ReactColorPickerClassNames` | —           | Custom class names for individual parts of the picker.                               |\n| `styles`               | `ReactColorPickerStyles`     | —           | Inline style overrides for individual parts of the picker.                           |\n| `hideEyedrop`          | `boolean`                    | `false`     | Hides the eyedropper button.                                                         |\n| `hideOpacityControl`   | `boolean`                    | `false`     | Hides the alpha/opacity slider.                                                      |\n\n### `ReactColorPickerClassNames` / `ReactColorPickerStyles`\n\nBoth `classNames` and `styles` share the same slot names:\n\n| Slot                 | Targets                                      |\n| -------------------- | -------------------------------------------- |\n| `root`               | The outer wrapper                            |\n| `saturation`         | The saturation/brightness panel              |\n| `saturationPointer`  | The draggable thumb on the saturation panel  |\n| `hue`                | The hue slider                               |\n| `huePointer`         | The draggable thumb on the hue slider        |\n| `alpha`              | The alpha slider                             |\n| `alphaPointer`       | The draggable thumb on the alpha slider      |\n| `modeToggle`         | The solid/gradient switcher                  |\n| `modeThumb`          | The sliding thumb inside the mode switcher   |\n| `modeOption`         | A solid/gradient switcher option             |\n| `modeOptionActive`   | The active solid/gradient option             |\n| `modeInput`          | The visually hidden solid/gradient radio     |\n| `gradientTypeToggle` | The linear/radial gradient switcher          |\n| `gradientTypeThumb`  | The sliding thumb inside the gradient switcher |\n| `gradientTypeOption` | A linear/radial gradient option              |\n| `gradientTypeOptionActive` | The active linear/radial option        |\n| `gradientTypeInput`  | The visually hidden linear/radial radio      |\n| `gradientTypeIcon`   | A linear/radial gradient icon                |\n\n## Solid & gradient modes\n\nBy default the picker offers both solid and gradient modes with a built-in switcher.\nWhen gradient mode is active, an icon switcher appears next to the mode switcher for choosing linear or radial gradients.\n\n```tsx\n// Both modes, starting on gradient\n<ReactColorPicker value={color} onChange={setColor} defaultMode=\"gradient\" />\n\n// Lock to a single mode (switcher is hidden automatically)\n<ReactColorPicker value={color} onChange={setColor} mode=\"solid\" />\n\n// Start gradient mode with a radial gradient\n<ReactColorPicker\n  value={color}\n  onChange={setColor}\n  defaultMode=\"gradient\"\n  defaultGradientType=\"radial\"\n/>\n\n// Lock gradient mode to radial gradients (switcher is hidden automatically)\n<ReactColorPicker value={color} onChange={setColor} mode=\"gradient\" gradientType=\"radial\" />\n```\n\n### Bring your own switcher\n\nHide the built-in switchers and drive the mode or gradient type yourself with\nthe controlled prop pairs:\n\n```tsx\nconst [color, setColor] = useState('#ff0000')\nconst [mode, setMode] = useState<'solid' | 'gradient'>('solid')\nconst [gradientType, setGradientType] = useState<'linear' | 'radial'>('linear')\n\nreturn (\n  <>\n    <button onClick={() => setMode('solid')} aria-pressed={mode === 'solid'}>\n      Solid\n    </button>\n    <button onClick={() => setMode('gradient')} aria-pressed={mode === 'gradient'}>\n      Gradient\n    </button>\n    {mode === 'gradient' && (\n      <>\n        <button onClick={() => setGradientType('linear')} aria-pressed={gradientType === 'linear'}>\n          Linear\n        </button>\n        <button onClick={() => setGradientType('radial')} aria-pressed={gradientType === 'radial'}>\n          Radial\n        </button>\n      </>\n    )}\n\n    <ReactColorPicker\n      value={color}\n      onChange={setColor}\n      activeMode={mode}\n      onModeChange={setMode}\n      activeGradientType={gradientType}\n      onGradientTypeChange={setGradientType}\n      hideModeSwitcher\n      hideGradientTypeSwitcher\n    />\n  </>\n)\n```\n\nWhen `activeMode` or `activeGradientType` is provided the picker is controlled:\nswitching still carries the color across and emits the value in the new format\nvia `onChange`.\n\n## Customization\n\n### Override styles with `styles`\n\n```tsx\n<ReactColorPicker\n  value={color}\n  onChange={setColor}\n  styles={{\n    root: { background: 'transparent', padding: 0 },\n    saturation: { borderRadius: 4 },\n    saturationPointer: { border: '2px solid #fff' },\n    hue: { borderRadius: 4 },\n    huePointer: { border: '2px solid #fff' },\n    alpha: { borderRadius: 4 },\n    alphaPointer: { border: '2px solid #fff' },\n  }}\n/>\n```\n\n### Override styles with `classNames`\n\n```tsx\n<ReactColorPicker\n  value={color}\n  onChange={setColor}\n  classNames={{\n    root: 'my-picker',\n    saturation: 'my-picker__saturation',\n    saturationPointer: 'my-picker__saturation-thumb',\n    hue: 'my-picker__hue',\n    huePointer: 'my-picker__hue-thumb',\n    alpha: 'my-picker__alpha',\n    alphaPointer: 'my-picker__alpha-thumb',\n  }}\n/>\n```\n\n## Keyboard support\n\nEach slider is focusable and supports keyboard navigation:\n\n| Slider | Keys |\n| --- | --- |\n| Saturation/brightness | Arrow Left / Right adjusts saturation, Arrow Up / Down adjusts brightness |\n| Hue | Arrow Left / Down decreases hue, Arrow Right / Up increases hue |\n| Alpha | Arrow Left / Down decreases alpha, Arrow Right / Up increases alpha |\n\nHold `Shift` for a 10× step on any slider.\n\n## License\n\nMIT\n","readmeFilename":"README.md"}