{"_id":"@abhimanew2000/react-button-factory","_rev":"9-e6a70db9ad88425cedb25c0672919a48","name":"@abhimanew2000/react-button-factory","dist-tags":{"latest":"1.0.8"},"versions":{"1.0.0":{"name":"@abhimanew2000/react-button-factory","version":"1.0.0","keywords":["react","button","component","ui","tailwind","typescript"],"author":{"name":"abhimanew","email":"demonslayer2000f@gmail.com"},"license":"MIT","_id":"@abhimanew2000/react-button-factory@1.0.0","maintainers":[{"name":"abhimanew2000","email":"demonslayer2000f@gmail.com"}],"dist":{"shasum":"2fff99098402510db75a5462a18cf12e77155f0a","tarball":"https://registry.npmjs.org/@abhimanew2000/react-button-factory/-/react-button-factory-1.0.0.tgz","fileCount":8,"integrity":"sha512-5d7GMxthDpeSbCS5xSb5KDlW1HcwbQ3RlNcqCH4SmWNrPDMK3DLimCFrgXSqQOD2WoT7COUxseMoeQ+raw7dUQ==","signatures":[{"sig":"MEQCIDNPk2v8AvOsuuhXzP0KEyfzPpHUwfH7nipVBRydpwj7AiAVrcdDk98YE1BBpa+p5kWnb/RI4YgJ0Wjbx0nIg/coBg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":38573},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"abhimanew2000","email":"demonslayer2000f@gmail.com"},"_npmVersion":"10.9.3","description":"A highly customizable React button component with Factory Pattern","directories":{},"_nodeVersion":"22.19.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^7.1.7","react":"^19.1.1","react-dom":"^19.1.1","typescript":"~5.9.3","@types/node":"^24.6.0","@types/react":"^19.1.16","vite-plugin-dts":"^4.3.0","@types/react-dom":"^19.1.9","@vitejs/plugin-react":"^5.0.4"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-button-factory_1.0.0_1762234572155_0.9925859188028847","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@abhimanew2000/react-button-factory","version":"1.0.1","keywords":["react","button","component","ui","tailwind","typescript"],"author":{"name":"abhimanew","email":"demonslayer2000f@gmail.com"},"license":"MIT","_id":"@abhimanew2000/react-button-factory@1.0.1","maintainers":[{"name":"abhimanew2000","email":"demonslayer2000f@gmail.com"}],"dist":{"shasum":"af410842680ff63a851b3de5c71b8439c088ebb4","tarball":"https://registry.npmjs.org/@abhimanew2000/react-button-factory/-/react-button-factory-1.0.1.tgz","fileCount":8,"integrity":"sha512-xXXt3uhGz+ru2T+SanOB/NSQXffdOawV5c6GewkNPGqPS8qxJZZ1z4nDXbi3E6hc9zdhGM1qfPtfWwlBbVv9gg==","signatures":[{"sig":"MEQCIARzg5/mI57NWTHXGN70mO6LVkTuTJIRXV0bRCVmNG5cAiBls824FcaOrfGxzg8gC9jQsn8p66WwhyTlmem9Gn/REg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":38574},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"c982b8b3f60f7fb65df1e1c6e7df2392b3268e21","scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"abhimanew2000","email":"demonslayer2000f@gmail.com"},"_npmVersion":"10.9.3","description":"A highly customizable React button component with Factory Pattern","directories":{},"_nodeVersion":"22.19.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^7.1.7","react":"^19.1.1","react-dom":"^19.1.1","typescript":"~5.9.3","@types/node":"^24.6.0","@types/react":"^19.1.16","vite-plugin-dts":"^4.3.0","@types/react-dom":"^19.1.9","@vitejs/plugin-react":"^5.0.4"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-button-factory_1.0.1_1762235836501_0.5677742946851676","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@abhimanew2000/react-button-factory","version":"1.0.2","keywords":["react","button","component","ui","tailwind","typescript"],"author":{"name":"abhimanew","email":"demonslayer2000f@gmail.com"},"license":"MIT","_id":"@abhimanew2000/react-button-factory@1.0.2","maintainers":[{"name":"abhimanew2000","email":"demonslayer2000f@gmail.com"}],"dist":{"shasum":"2fd390217a36f81761528ac228be663fd5fc7667","tarball":"https://registry.npmjs.org/@abhimanew2000/react-button-factory/-/react-button-factory-1.0.2.tgz","fileCount":9,"integrity":"sha512-FwfW6J6PzIZX9ANTgWCm3z+uZAnSth4HHZ/dANCplg8OeS4s1XGjxNI2uJAZXQq9Px4yRFGJJh4IkewQmeSM5w==","signatures":[{"sig":"MEUCIQDwP0N43TpwLXw8GZ3KcWFuqIE1biGQ3ck+j7oekoiOggIgfpXo8LraHZNOnfyBdxqFaFsfyKfEDwWPTDEkjixocaI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":43145},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"ea12ca173d4650d3ebd024a79dcdd2de8ed1273b","scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"abhimanew2000","email":"demonslayer2000f@gmail.com"},"_npmVersion":"10.9.3","description":"A highly customizable React button component with Factory Pattern","directories":{},"_nodeVersion":"22.19.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^7.1.7","react":"^19.1.1","react-dom":"^19.1.1","typescript":"~5.9.3","@types/node":"^24.6.0","@types/react":"^19.1.16","vite-plugin-dts":"^4.3.0","@types/react-dom":"^19.1.9","@vitejs/plugin-react":"^5.0.4"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-button-factory_1.0.2_1762238302952_0.40349011167727267","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@abhimanew2000/react-button-factory","version":"1.0.3","keywords":["react","button","component","ui","tailwind","typescript"],"author":{"name":"abhimanew","email":"demonslayer2000f@gmail.com"},"license":"MIT","_id":"@abhimanew2000/react-button-factory@1.0.3","maintainers":[{"name":"abhimanew2000","email":"demonslayer2000f@gmail.com"}],"dist":{"shasum":"37dabba79e3b945dce3dd5828aae420f5c1015f5","tarball":"https://registry.npmjs.org/@abhimanew2000/react-button-factory/-/react-button-factory-1.0.3.tgz","fileCount":20,"integrity":"sha512-ozhfwa2Le3Pt9GtjCK3P9izQjzY/j9SOCRNDvj7M1GIIHJD4ntz6JD+h5Lrnj+wDem9dYUS7oplJ+5T+/RQosw==","signatures":[{"sig":"MEUCIQCJjYMFXVGCw5h30Aei9dPj9axU3TGr5NTttMNCFDd5pwIgBRRBgyIOfZcDYlpPrTJL/hkhyoL5MF72UjkQDHTuj68=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":72024},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"ea12ca173d4650d3ebd024a79dcdd2de8ed1273b","scripts":{"dev":"vite","build":"vite build && npm run build:css","preview":"vite preview","build:css":"npx @tailwindcss/cli -i ./src/style.css -o ./dist/tailwind.css --minify","prepublishOnly":"npm run build"},"_npmUser":{"name":"abhimanew2000","email":"demonslayer2000f@gmail.com"},"_npmVersion":"10.9.3","description":"A highly customizable React button component with Factory Pattern","directories":{},"_nodeVersion":"22.19.0","dependencies":{"@tailwindcss/postcss":"^4.1.16"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.1.7","react":"^19.1.1","postcss":"^8.5.6","react-dom":"^19.1.1","typescript":"~5.9.3","@types/node":"^24.6.0","tailwindcss":"^4.1.16","@types/react":"^19.1.16","autoprefixer":"^10.4.21","vite-plugin-dts":"^4.3.0","@tailwindcss/cli":"^4.1.16","@types/react-dom":"^19.1.9","@vitejs/plugin-react":"^5.0.4"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-button-factory_1.0.3_1762244503570_0.6490967153705969","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@abhimanew2000/react-button-factory","version":"1.0.4","keywords":["react","button","component","ui","tailwind","typescript"],"author":{"name":"abhimanew","email":"demonslayer2000f@gmail.com"},"license":"MIT","_id":"@abhimanew2000/react-button-factory@1.0.4","maintainers":[{"name":"abhimanew2000","email":"demonslayer2000f@gmail.com"}],"dist":{"shasum":"0962d91633724888bb92b9765094587237cc666e","tarball":"https://registry.npmjs.org/@abhimanew2000/react-button-factory/-/react-button-factory-1.0.4.tgz","fileCount":20,"integrity":"sha512-y5d0Ah2gfKb4clY+CooNdvbNnR65/FmI7VzpKZcm8uD5PnFnvG/IX5ESPTMLrw4LyYrrb5Me8HdQ0uco2lFdEA==","signatures":[{"sig":"MEUCIEQIUfpNtzlOI0q55d/fNWdqKYxQ7Up8wLJlzlF3Hx0kAiEAlUmy8kl2ll+ik80uGeCgBoKNomRkTCIbzG+1xqLAt9w=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":72198},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./dist/tailwind.css":"./dist/tailwind.css","./dist/react-button-factory.css":"./dist/react-button-factory.css"},"gitHead":"ea12ca173d4650d3ebd024a79dcdd2de8ed1273b","scripts":{"dev":"vite","build":"vite build && npm run build:css","preview":"vite preview","build:css":"npx @tailwindcss/cli -i ./src/style.css -o ./dist/tailwind.css --minify","prepublishOnly":"npm run build"},"_npmUser":{"name":"abhimanew2000","email":"demonslayer2000f@gmail.com"},"_npmVersion":"10.9.3","description":"A highly customizable React button component with Factory Pattern","directories":{},"_nodeVersion":"22.19.0","dependencies":{"@tailwindcss/postcss":"^4.1.16","@abhimanew2000/react-button-factory":"^1.0.3"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.1.7","react":"^19.1.1","postcss":"^8.5.6","react-dom":"^19.1.1","typescript":"~5.9.3","@types/node":"^24.6.0","tailwindcss":"^4.1.16","@types/react":"^19.1.16","autoprefixer":"^10.4.21","vite-plugin-dts":"^4.3.0","@tailwindcss/cli":"^4.1.16","@types/react-dom":"^19.1.9","@vitejs/plugin-react":"^5.0.4"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-button-factory_1.0.4_1762246990194_0.2061658244183482","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@abhimanew2000/react-button-factory","version":"1.0.5","keywords":["react","button","component","ui","tailwind","typescript"],"author":{"name":"abhimanew","email":"demonslayer2000f@gmail.com"},"license":"MIT","_id":"@abhimanew2000/react-button-factory@1.0.5","maintainers":[{"name":"abhimanew2000","email":"demonslayer2000f@gmail.com"}],"dist":{"shasum":"7159d8da81df8c7c4a9494cc89490c97ea14eba2","tarball":"https://registry.npmjs.org/@abhimanew2000/react-button-factory/-/react-button-factory-1.0.5.tgz","fileCount":20,"integrity":"sha512-WZLfDiqSI43/A1845YjS4XEeTEzUjEOkzHz0VoWxMG0OQPeFbVysL/+hi4z8/f7FMgepLDdd6G3CRHtuid9isg==","signatures":[{"sig":"MEQCIFb82oJB4WYgBLNcMVv33BjoXkXnpM0lHWQ8vgEeiP7vAiBvhlhdxEUMwtu0Kvt8l27gBA/FNF9LtRxQPW1Pwr5Hgw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":77500},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./dist/tailwind.css":"./dist/tailwind.css","./dist/react-button-factory.css":"./dist/react-button-factory.css"},"gitHead":"ea12ca173d4650d3ebd024a79dcdd2de8ed1273b","scripts":{"dev":"vite","build":"vite build && npm run build:css","preview":"vite preview","build:css":"npx @tailwindcss/cli -i ./src/style.css -o ./dist/tailwind.css --minify","prepublishOnly":"npm run build"},"_npmUser":{"name":"abhimanew2000","email":"demonslayer2000f@gmail.com"},"_npmVersion":"10.9.3","description":"A highly customizable React button component with Factory Pattern","directories":{},"_nodeVersion":"22.19.0","dependencies":{"@tailwindcss/postcss":"^4.1.16","@abhimanew2000/react-button-factory":"^1.0.3"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.1.7","react":"^19.1.1","postcss":"^8.5.6","react-dom":"^19.1.1","typescript":"~5.9.3","@types/node":"^24.6.0","tailwindcss":"^4.1.16","@types/react":"^19.1.16","autoprefixer":"^10.4.21","vite-plugin-dts":"^4.3.0","@tailwindcss/cli":"^4.1.16","@types/react-dom":"^19.1.9","@vitejs/plugin-react":"^5.0.4"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-button-factory_1.0.5_1762421671136_0.2702992587795743","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@abhimanew2000/react-button-factory","version":"1.0.6","keywords":["react","button","component","ui","tailwind","typescript"],"author":{"name":"abhimanew","email":"demonslayer2000f@gmail.com"},"license":"MIT","_id":"@abhimanew2000/react-button-factory@1.0.6","maintainers":[{"name":"abhimanew2000","email":"demonslayer2000f@gmail.com"}],"dist":{"shasum":"b58e11ae9471863b6783bc79ab23cceccd87c67a","tarball":"https://registry.npmjs.org/@abhimanew2000/react-button-factory/-/react-button-factory-1.0.6.tgz","fileCount":20,"integrity":"sha512-oDxwZRqk6lk/+yvB3rrcEWDLvNY2Ag5zPLx84Rajhd6mLwg6yuUrBC3iTKHwrwewIr4pSgHNzvYwVRyuUYGJ7w==","signatures":[{"sig":"MEUCIBBVJofpkuwVZLaaFqEfCcNewmPGEUnWr6oqiOfcpzoMAiEA5bak46nI8C/urEKhB0NqE5FNFjbTMveEnd1wd6y6q0Y=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":77500},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./dist/tailwind.css":"./dist/tailwind.css","./dist/react-button-factory.css":"./dist/react-button-factory.css"},"gitHead":"ea12ca173d4650d3ebd024a79dcdd2de8ed1273b","scripts":{"dev":"vite","build":"vite build && npm run build:css","preview":"vite preview","build:css":"npx @tailwindcss/cli -i ./src/style.css -o ./dist/tailwind.css --minify","prepublishOnly":"npm run build"},"_npmUser":{"name":"abhimanew2000","email":"demonslayer2000f@gmail.com"},"_npmVersion":"10.9.3","description":"A highly customizable React button component with Factory Pattern","directories":{},"_nodeVersion":"22.19.0","dependencies":{"@tailwindcss/postcss":"^4.1.16","@abhimanew2000/react-button-factory":"^1.0.3"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.1.7","react":"^19.1.1","postcss":"^8.5.6","react-dom":"^19.1.1","typescript":"~5.9.3","@types/node":"^24.6.0","tailwindcss":"^4.1.16","@types/react":"^19.1.16","autoprefixer":"^10.4.21","vite-plugin-dts":"^4.3.0","@tailwindcss/cli":"^4.1.16","@types/react-dom":"^19.1.9","@vitejs/plugin-react":"^5.0.4"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-button-factory_1.0.6_1762431711539_0.03753614273144934","host":"s3://npm-registry-packages-npm-production"}},"1.0.7":{"name":"@abhimanew2000/react-button-factory","version":"1.0.7","keywords":["react","button","component","ui","tailwind","typescript"],"author":{"name":"abhimanew","email":"demonslayer2000f@gmail.com"},"license":"MIT","_id":"@abhimanew2000/react-button-factory@1.0.7","maintainers":[{"name":"abhimanew2000","email":"demonslayer2000f@gmail.com"}],"dist":{"shasum":"a972fb61629468c535c9de323148ae48d916d546","tarball":"https://registry.npmjs.org/@abhimanew2000/react-button-factory/-/react-button-factory-1.0.7.tgz","fileCount":20,"integrity":"sha512-3uPJlhZTlDMg4qjXOcjH5pSkUeGkfimRcJQPy57oJmN/KdhTyTSEP3FQVa5lffEpKNx+ST7Q5x5WmjtTFcE5Dg==","signatures":[{"sig":"MEUCIQDNw3yhykSse9viJx7wl58Kx3WezlKfeSOXqXFqHHj/TgIgMv2r0nt5F8KG8hFduB37fPUnqYZpOhWC4oFW7/rZwH0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":77530},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./dist/tailwind.css":"./dist/tailwind.css","./dist/react-button-factory.css":"./dist/react-button-factory.css"},"gitHead":"ea12ca173d4650d3ebd024a79dcdd2de8ed1273b","scripts":{"dev":"vite","build":"vite build && npm run build:css","preview":"vite preview","build:css":"npx @tailwindcss/cli -i ./src/style.css -o ./dist/tailwind.css --minify","prepublishOnly":"npm run build"},"_npmUser":{"name":"abhimanew2000","email":"demonslayer2000f@gmail.com"},"_npmVersion":"10.9.3","description":"A highly customizable React button component with Factory Pattern","directories":{},"_nodeVersion":"22.19.0","dependencies":{"@tailwindcss/postcss":"^4.1.16","@abhimanew2000/react-button-factory":"^1.0.3"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.1.7","react":"^19.1.1","postcss":"^8.5.6","react-dom":"^19.1.1","typescript":"~5.9.3","@types/node":"^24.6.0","tailwindcss":"^4.1.16","@types/react":"^19.1.16","autoprefixer":"^10.4.21","vite-plugin-dts":"^4.3.0","@tailwindcss/cli":"^4.1.16","@types/react-dom":"^19.1.9","@vitejs/plugin-react":"^5.0.4"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-button-factory_1.0.7_1762433295215_0.09583329546744568","host":"s3://npm-registry-packages-npm-production"}},"1.0.8":{"name":"@abhimanew2000/react-button-factory","version":"1.0.8","description":"A highly customizable React button component with Factory Pattern","type":"module","main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./dist/tailwind.css":"./dist/tailwind.css","./dist/react-button-factory.css":"./dist/react-button-factory.css"},"scripts":{"dev":"vite","build:css":"npx @tailwindcss/cli -i ./src/style.css -o ./dist/tailwind.css --minify","build":"vite build && npm run build:css","preview":"vite preview","prepublishOnly":"npm run build"},"keywords":["react","button","component","ui","tailwind","typescript"],"author":{"name":"abhimanew","email":"demonslayer2000f@gmail.com"},"license":"MIT","peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"devDependencies":{"@tailwindcss/cli":"^4.1.16","@types/node":"^24.6.0","@types/react":"^19.1.16","@types/react-dom":"^19.1.9","@vitejs/plugin-react":"^5.0.4","autoprefixer":"^10.4.21","postcss":"^8.5.6","react":"^19.1.1","react-dom":"^19.1.1","tailwindcss":"^4.1.16","typescript":"~5.9.3","vite":"^7.1.7","vite-plugin-dts":"^4.3.0"},"dependencies":{"@abhimanew2000/react-button-factory":"^1.0.3","@tailwindcss/postcss":"^4.1.16"},"_id":"@abhimanew2000/react-button-factory@1.0.8","gitHead":"ea12ca173d4650d3ebd024a79dcdd2de8ed1273b","_nodeVersion":"22.19.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-7tIcjh8Lg4YU3kneCcoJ/LSRCQDUQvtBji/eCo1mvFhWULAuoMRsxT1CL19rNb2uM0wScp+RSatrVGbmMuas4Q==","shasum":"30842d15d25d6e416b8ffe3a2ee94c8247955620","tarball":"https://registry.npmjs.org/@abhimanew2000/react-button-factory/-/react-button-factory-1.0.8.tgz","fileCount":20,"unpackedSize":77493,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIEHxZGSRM+gp/9VaJmXp+v6H6ztXHyIAQiwhct4PoM4SAiBRTxSjhN5ROA71t+LEmsDSoaquZB1KKXCEPbcpq+zGJg=="}]},"_npmUser":{"name":"abhimanew2000","email":"demonslayer2000f@gmail.com"},"directories":{},"maintainers":[{"name":"abhimanew2000","email":"demonslayer2000f@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-button-factory_1.0.8_1762433999691_0.4867868783271039"},"_hasShrinkwrap":false}},"time":{"created":"2025-11-04T05:36:12.048Z","modified":"2025-11-06T13:00:00.071Z","1.0.0":"2025-11-04T05:36:12.351Z","1.0.1":"2025-11-04T05:57:16.723Z","1.0.2":"2025-11-04T06:38:23.150Z","1.0.3":"2025-11-04T08:21:43.768Z","1.0.4":"2025-11-04T09:03:10.436Z","1.0.5":"2025-11-06T09:34:31.392Z","1.0.6":"2025-11-06T12:21:51.759Z","1.0.7":"2025-11-06T12:48:15.383Z","1.0.8":"2025-11-06T12:59:59.885Z"},"author":{"name":"abhimanew","email":"demonslayer2000f@gmail.com"},"license":"MIT","keywords":["react","button","component","ui","tailwind","typescript"],"description":"A highly customizable React button component with Factory Pattern","maintainers":[{"name":"abhimanew2000","email":"demonslayer2000f@gmail.com"}],"readme":"# React Button Factory\n\nA highly customizable React button component built with **Factory Pattern** and **Abstraction**.\n\n[](https://www.npmjs.com/package/@abhimanew2000/react-button-factory)\n\n## Important: Tailwind CSS Required\n\nThis package uses **Tailwind CSS** for styling. You must have Tailwind configured in your project!\n\n## Installation\n```bash\nnpm install @abhimanew2000/react-button-factory\n```\n\n## Tailwind CSS Setup\n\n### 1. Install Tailwind (if not already installed)\n```bash\nnpm install -D tailwindcss\nnpx tailwindcss init\n```\n\n### 2. Configure Tailwind\n\nUpdate your `tailwind.config.js`:\n```js\nexport default {\n content: [\n \"./src/**/*.{js,jsx,ts,tsx}\",\n \"./node_modules/@abhimanew2000/react-button-factory/dist/**/*.{js,cjs}\", // Add this!\n ],\n theme: {\n extend: {},\n },\n plugins: [],\n}\n```\n\n### 3. Import Tailwind CSS\n\nIn your main CSS file (e.g., `src/index.css`):\n```css\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n```\n\n### 4. Restart Dev Server\n\nAfter changing config, **restart your dev server**:\n```bash\nnpm run dev\n```\n\n## Usage\n```tsx\nimport { Button } from '@abhimanew2000/react-button-factory';\n\nfunction App() {\n return (\n \n \n
\n );\n}\n```\n\n## Props\n\n### Visual Properties\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `variant` | `'primary'` \\| `'secondary'` \\| `'danger'` \\| `'success'` \\| `'outline'` | `'primary'` | Button color |\n| `size` | `'small'` \\| `'medium'` \\| `'large'` | `'medium'` | Button size |\n| `shape` | `'rounded'` \\| `'square'` \\| `'pill'` | `'rounded'` | Border radius |\n| `weight` | `'light'` \\| `'normal'` \\| `'bold'` | `'normal'` | Font weight |\n| `shadow` | `'none'` \\| `'small'` \\| `'medium'` \\| `'large'` | `'none'` | Shadow depth |\n\n### Content Properties\n\n| Prop | Type | Description |\n|------|------|-------------|\n| `children` | `ReactNode` | Button text/content (required) |\n| `icon` | `ReactNode` | Icon element |\n| `iconPosition` | `'left'` \\| `'right'` | Icon position |\n\n### Behavioral Properties\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `onClick` | `() => void` | - | Click handler |\n| `disabled` | `boolean` | `false` | Disabled state |\n| `loading` | `boolean` | `false` | Loading state |\n| `type` | `'button'` \\| `'submit'` \\| `'reset'` | `'button'` | HTML button type |\n| `className` | `string` | `''` | Additional classes |\n\n## Examples\n\n### Different Variants\n```tsx\n\n\n\n\n\n```\n\n### Different Sizes\n```tsx\n\n\n\n```\n\n### Different Shapes\n```tsx\n\n\n\n```\n\n### With Icons\n```tsx\n} iconPosition=\"left\">\n Save\n\n\n} iconPosition=\"right\">\n Delete\n\n```\n\n### Loading State\n```tsx\n\n```\n\n### Combined Properties\n```tsx\n\n```\n\n## Troubleshooting\n\n### Buttons have no styling\n\n**Problem:** Classes present but no colors/styles\n\n**Solution:**\n1. Make sure Tailwind CSS is installed\n2. Add package path to `tailwind.config.js` content array\n3. Restart dev server after config change\n\n### Only one variant works\n\n**Problem:** Only primary button has color\n\n**Solution:** Use safelist in your Tailwind config:\n```js\nexport default {\n content: [\"./src/**/*.{js,jsx,ts,tsx}\"],\n safelist: [\n 'bg-blue-600', 'bg-gray-600', 'bg-red-600', 'bg-green-600',\n 'hover:bg-blue-700', 'hover:bg-gray-700', 'hover:bg-red-700', 'hover:bg-green-700',\n ],\n}\n```\n\n## Architecture\n\nBuilt with:\n- **Factory Pattern** for flexible creation\n- **Abstraction** for easy extension\n- **TypeScript** for type safety\n- **Tailwind CSS** for styling\n\n## License\n\nMIT\n\n## Author\n\nabhimanew (demonslayer2000f@gmail.com)\n\n## Links\n\n- [NPM Package](https://www.npmjs.com/package/@abhimanew2000/react-button-factory)\n\n---\n\nMade with using Factory Pattern + Abstraction\r\n","readmeFilename":"README.md"}