{"_id":"@arpudhabotupload/fn-button","_rev":"13-0f684062a7f2e0eb92e644353ed22e7f","name":"@arpudhabotupload/fn-button","dist-tags":{"latest":"1.0.13"},"versions":{"1.0.0":{"name":"@arpudhabotupload/fn-button","version":"1.0.0","keywords":["angular","button","component","tailwind","standalone","ui"],"author":"","license":"MIT","_id":"@arpudhabotupload/fn-button@1.0.0","maintainers":[{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"}],"dist":{"shasum":"3016c548f2ea9e051355d0fe2947604ebec23dd3","tarball":"https://registry.npmjs.org/@arpudhabotupload/fn-button/-/fn-button-1.0.0.tgz","fileCount":17,"integrity":"sha512-esSthkLwZ+ihy2fkpQ6dfAkvd7gI8zMZjtOmP0mmp4iDRVLDKEK348lq5I+inYPL9bqle+HzeUyQ/whsdNhJ6Q==","signatures":[{"sig":"MEUCIQCYN0h3IsA5aFbxo6sba/XeRt/Om3UgWSREM+sZy9EEAQIgakAFxdVpYtJUF1OeOcTqRcCGTRma8hG6/HC0QTIV0Xk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":123238},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"pack":"cd dist && npm pack","build":"ng build","publish":"npm publish ./dist --access public"},"_npmUser":{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"},"repository":{"url":"","type":"git"},"_npmVersion":"11.6.2","description":"Angular standalone button component with built-in SVG icon support and Tailwind CSS styling","directories":{},"_nodeVersion":"24.11.1","_hasShrinkwrap":false,"devDependencies":{"ng-packagr":"^18.2.0","typescript":"~5.5.0","@types/node":"^20.0.0","tailwindcss":"^3.4.0","@angular/cli":"^18.2.0","@angular/core":"^18.2.0","@angular/common":"^18.2.0","@angular/compiler":"^18.2.0","@ngx-translate/core":"^15.0.0","@angular/compiler-cli":"^18.2.0","@angular/platform-browser":"^18.2.0","@angular-devkit/build-angular":"^18.2.0","@angular/platform-browser-dynamic":"^18.2.0","@arpudhabotupload/fn-icon-angular":"^1.0.0"},"peerDependencies":{"@angular/core":"^18.0.0 || ^19.0.0","@angular/common":"^18.0.0 || ^19.0.0","@ngx-translate/core":"^15.0.0 || ^16.0.0","@arpudhabotupload/fn-icon-angular":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/fn-button_1.0.0_1773305981273_0.4194121531960364","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@arpudhabotupload/fn-button","version":"1.0.1","keywords":["angular","button","component","tailwind","standalone","ui"],"author":"","license":"MIT","_id":"@arpudhabotupload/fn-button@1.0.1","maintainers":[{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"}],"dist":{"shasum":"d31ccfa6f3d2847e4d7a1a60051d558143432c41","tarball":"https://registry.npmjs.org/@arpudhabotupload/fn-button/-/fn-button-1.0.1.tgz","fileCount":17,"integrity":"sha512-3xCfEG623IT7D7uYEwv9VSwYEG8X58Kf2Njzr/BD+raGzSE4F4c5sCQMOyiuUvTDbkSqtTplDII3Dm3pU78dXw==","signatures":[{"sig":"MEQCIFvh0a+ZzT2qJIFJFsfEqtcazXxJJExubMJTvhdbats0AiBCR+tErBjWB/NppSHaUVJj10rIgwGxw6En9tjuxLceuQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":114469},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"pack":"cd dist && npm pack","build":"ng build","publish":"npm publish ./dist --access public"},"_npmUser":{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"},"repository":{"url":"","type":"git"},"_npmVersion":"11.6.2","description":"Angular standalone button component with built-in SVG icon support and Tailwind CSS styling","directories":{},"_nodeVersion":"24.11.1","_hasShrinkwrap":false,"devDependencies":{"ng-packagr":"^18.2.0","typescript":"~5.5.0","@types/node":"^20.0.0","tailwindcss":"^3.4.0","@angular/cli":"^18.2.0","@angular/core":"^18.2.0","@angular/common":"^18.2.0","@angular/compiler":"^18.2.0","@ngx-translate/core":"^15.0.0","@angular/compiler-cli":"^18.2.0","@angular/platform-browser":"^18.2.0","@angular-devkit/build-angular":"^18.2.0","@angular/platform-browser-dynamic":"^18.2.0","@arpudhabotupload/fn-icon-angular":"^1.0.0"},"peerDependencies":{"@angular/core":"^18.0.0 || ^19.0.0","@angular/common":"^18.0.0 || ^19.0.0","@ngx-translate/core":"^15.0.0 || ^16.0.0","@arpudhabotupload/fn-icon-angular":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/fn-button_1.0.1_1773306205193_0.5410418209860499","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@arpudhabotupload/fn-button","version":"1.0.2","keywords":["angular","button","component","tailwind","standalone","ui"],"author":"","license":"MIT","_id":"@arpudhabotupload/fn-button@1.0.2","maintainers":[{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"}],"dist":{"shasum":"ab81ba114adfcdf05624d920beda514a1d56eafe","tarball":"https://registry.npmjs.org/@arpudhabotupload/fn-button/-/fn-button-1.0.2.tgz","fileCount":17,"integrity":"sha512-3ElirzrJ0X+NnAIafXF1GPLZgPk3bRY5TASmkGrvMzCAeYzdEv3Gyd8zo6FxDTcbf8XHZDRr6utSw0W/KK/uBQ==","signatures":[{"sig":"MEUCIQCgm+1N+XSd94P+lpkuUK9MaSixmPa221q/nHabHUqphAIgJI0yiZ0340rhNrUPc0D9FYjfBE4+RKrKzRs+/8wiUsw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":114469},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"pack":"cd dist && npm pack","build":"ng build","publish":"npm publish ./dist --access public"},"_npmUser":{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"},"repository":{"url":"","type":"git"},"_npmVersion":"11.6.2","description":"Angular standalone button component with built-in SVG icon support and Tailwind CSS styling","directories":{},"_nodeVersion":"24.11.1","_hasShrinkwrap":false,"devDependencies":{"ng-packagr":"^18.2.0","typescript":"~5.5.0","@types/node":"^20.0.0","tailwindcss":"^3.4.0","@angular/cli":"^18.2.0","@angular/core":"^18.2.0","@angular/common":"^18.2.0","@angular/compiler":"^18.2.0","@ngx-translate/core":"^15.0.0","@angular/compiler-cli":"^18.2.0","@angular/platform-browser":"^18.2.0","@angular-devkit/build-angular":"^18.2.0","@angular/platform-browser-dynamic":"^18.2.0","@arpudhabotupload/fn-icon-angular":"^1.0.0"},"peerDependencies":{"@angular/core":"^18.0.0 || ^19.0.0","@angular/common":"^18.0.0 || ^19.0.0","@ngx-translate/core":"^15.0.0 || ^16.0.0","@arpudhabotupload/fn-icon-angular":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/fn-button_1.0.2_1773306268319_0.241786155285294","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@arpudhabotupload/fn-button","version":"1.0.3","keywords":["angular","button","component","tailwind","standalone","ui"],"author":"","license":"MIT","_id":"@arpudhabotupload/fn-button@1.0.3","maintainers":[{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"}],"dist":{"shasum":"7324f0a0a33c78128e9cce54c80c835a240874e8","tarball":"https://registry.npmjs.org/@arpudhabotupload/fn-button/-/fn-button-1.0.3.tgz","fileCount":17,"integrity":"sha512-74ZwBU5ooR0YDi5UdAKshv8+JRs/pSR6cD0XUFOGmaj63bEAobbNtcX5LGKjW9lNx+U7y/PVeuxmKvtpTaXquQ==","signatures":[{"sig":"MEUCIE/4om6qTDIBNTCzQaYuld4J0DdymY6irzIGMA+fKYXEAiEAzXHoYVGdWV1RZQUKdbi9r11d5evCmSKHd5Ei6WN4siY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":114541},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"pack":"cd dist && npm pack","build":"ng build","publish":"npm publish ./dist --access public"},"_npmUser":{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"},"repository":{"url":"","type":"git"},"_npmVersion":"11.6.2","description":"Angular standalone button component with built-in SVG icon support and Tailwind CSS styling","directories":{},"_nodeVersion":"24.11.1","_hasShrinkwrap":false,"devDependencies":{"ng-packagr":"^18.2.0","typescript":"~5.5.0","@types/node":"^20.0.0","tailwindcss":"^3.4.0","@angular/cli":"^18.2.0","@angular/core":"^18.2.0","@angular/common":"^18.2.0","@angular/compiler":"^18.2.0","@ngx-translate/core":"^15.0.0","@angular/compiler-cli":"^18.2.0","@angular/platform-browser":"^18.2.0","@angular-devkit/build-angular":"^18.2.0","@angular/platform-browser-dynamic":"^18.2.0","@arpudhabotupload/fn-icon-angular":"^1.0.0"},"peerDependencies":{"@angular/core":"^18.2.15 || ^19.0.0 || ^20.0.0","@angular/common":"^18.2.15 || ^19.0.0 || ^20.0.0","@ngx-translate/core":"^15.0.0 || ^16.0.0","@arpudhabotupload/fn-icon-angular":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/fn-button_1.0.3_1773306416559_0.13508361639473687","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@arpudhabotupload/fn-button","version":"1.0.4","keywords":["angular","button","component","tailwind","standalone","ui"],"author":"","license":"MIT","_id":"@arpudhabotupload/fn-button@1.0.4","maintainers":[{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"}],"dist":{"shasum":"594445dfe4643ae665c2b76d6df271b602cda4ac","tarball":"https://registry.npmjs.org/@arpudhabotupload/fn-button/-/fn-button-1.0.4.tgz","fileCount":3,"integrity":"sha512-A+M39GJPt0MMGivQ5tik9Q0HnnaAXIlvecZTO6McyDKnw7KDrSCoJqnupEJdSgouY+wGVXsMXffB/G22DLHrWw==","signatures":[{"sig":"MEQCIAN2KC6xKnaidf+OiIvjRtS6azJj1ZZIBLX8zdL0HZyEAiA4ZfesvbEjKDZxqZdUHBuM6sOv9tAA9pXfnHOGaO5uuA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":12359},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"fesm2022/arpudhabotupload-fn-button.mjs","exports":{".":{"esm":"./esm2022/arpudhabotupload-fn-button.mjs","types":"./index.d.ts","import":"./dist/index.mjs","default":"./fesm2022/arpudhabotupload-fn-button.mjs","esm2022":"./esm2022/arpudhabotupload-fn-button.mjs","require":"./dist/index.js"},"./package.json":{"default":"./package.json"}},"typings":"index.d.ts","_npmUser":{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"},"repository":{"url":"","type":"git"},"_npmVersion":"11.6.2","description":"Angular standalone button component with built-in SVG icon support and Tailwind CSS styling","directories":{},"sideEffects":false,"_nodeVersion":"24.11.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^18.2.15 || ^19.0.0 || ^20.0.0","@angular/common":"^18.2.15 || ^19.0.0 || ^20.0.0","@ngx-translate/core":"^15.0.0 || ^16.0.0","@arpudhabotupload/fn-icon-angular":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/fn-button_1.0.4_1773306512291_0.011146828481566562","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@arpudhabotupload/fn-button","version":"1.0.5","keywords":["angular","button","component","tailwind","standalone","ui"],"author":"","license":"MIT","_id":"@arpudhabotupload/fn-button@1.0.5","maintainers":[{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"}],"dist":{"shasum":"a0cdb08cfe2514af9d0983e1ff0924298223f3b8","tarball":"https://registry.npmjs.org/@arpudhabotupload/fn-button/-/fn-button-1.0.5.tgz","fileCount":15,"integrity":"sha512-0DJ0j7RTGLuhLNLDUsLeU4v4l7razcUbKOOo0QFuFJeJcI4Vdpeg65TH6jJqKRLcsaNP5MZhsHngrqJB9yzghQ==","signatures":[{"sig":"MEYCIQCxYlTkrn4c581Xf98Xdp8cSZKWFspkw+5IT0VYRtP/CwIhAJoUO45/UYe5wdEJeBBlnpfpe1s+6hYDwn2gdLnCBS/g","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":103018},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"fesm2022/arpudhabotupload-fn-button.mjs","exports":{".":{"esm":"./esm2022/arpudhabotupload-fn-button.mjs","types":"./index.d.ts","import":"./dist/index.mjs","default":"./fesm2022/arpudhabotupload-fn-button.mjs","esm2022":"./esm2022/arpudhabotupload-fn-button.mjs","require":"./dist/index.js"},"./package.json":{"default":"./package.json"}},"typings":"index.d.ts","_npmUser":{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"},"repository":{"url":"","type":"git"},"_npmVersion":"11.6.2","description":"Angular standalone button component with built-in SVG icon support and Tailwind CSS styling","directories":{},"sideEffects":false,"_nodeVersion":"24.11.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^18.2.15 || ^19.0.0 || ^20.0.0","@angular/common":"^18.2.15 || ^19.0.0 || ^20.0.0","@ngx-translate/core":"^15.0.0 || ^16.0.0","@arpudhabotupload/fn-icon-angular":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/fn-button_1.0.5_1773306567693_0.7261035357807237","host":"s3://npm-registry-packages-npm-production"}},"1.0.7":{"name":"@arpudhabotupload/fn-button","version":"1.0.7","keywords":["angular","button","component","tailwind","standalone","ui"],"author":"","license":"MIT","_id":"@arpudhabotupload/fn-button@1.0.7","maintainers":[{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"}],"dist":{"shasum":"851db2ded6036f5344f14b7f04fc249d6b00ae24","tarball":"https://registry.npmjs.org/@arpudhabotupload/fn-button/-/fn-button-1.0.7.tgz","fileCount":16,"integrity":"sha512-c/ybRxmuDxxQj5oMnyPUuurSPTBTuuiLQ3K/uPghJ14fjMFuYawG52HXKZmw4Doz8tZCViZtnHoO23SvVNQ6Bg==","signatures":[{"sig":"MEUCIQCyToU8bitIIE1OV1NOIhbYEgJTC/i5aUW2d0Ea08yHJAIgIG2YlYE3Q2cxvo06yHijBw8fhnEhVFgp9LZZCShb5ZM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":51292},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"pack":"cd dist && npm pack","build":"ng build","publish":"npm publish ./dist --access public"},"_npmUser":{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"},"repository":{"url":"","type":"git"},"_npmVersion":"11.6.2","description":"Angular standalone button component with built-in SVG icon support and Tailwind CSS styling","directories":{},"_nodeVersion":"24.11.1","_hasShrinkwrap":false,"devDependencies":{"ng-packagr":"^18.2.0","typescript":"~5.5.0","@types/node":"^20.0.0","tailwindcss":"^3.4.0","@angular/cli":"^18.2.0","@angular/core":"^18.2.0","@angular/common":"^18.2.0","@angular/compiler":"^18.2.0","@ngx-translate/core":"^15.0.0","@angular/compiler-cli":"^18.2.0","@angular/platform-browser":"^18.2.0","@angular-devkit/build-angular":"^18.2.0","@angular/platform-browser-dynamic":"^18.2.0","@arpudhabotupload/fn-icon-angular":"^1.0.0"},"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0","@ngx-translate/core":"^15.0.0 || ^16.0.0","@arpudhabotupload/fn-icon-angular":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/fn-button_1.0.7_1773381023217_0.6485215354991227","host":"s3://npm-registry-packages-npm-production"}},"1.0.8":{"name":"@arpudhabotupload/fn-button","version":"1.0.8","keywords":["angular","button","component","tailwind","standalone","ui"],"author":"","license":"MIT","_id":"@arpudhabotupload/fn-button@1.0.8","maintainers":[{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"}],"dist":{"shasum":"3993703bfb045b66f900b4b369c764b0ff4d1adc","tarball":"https://registry.npmjs.org/@arpudhabotupload/fn-button/-/fn-button-1.0.8.tgz","fileCount":15,"integrity":"sha512-3uWYMM31p5s1WXiLfkqZWB0sxzC3mDLVW7wWczFOnke4KhA55wDLpxhGWW2JGHYdpUUs0MBks07pEj4TY4cqkg==","signatures":[{"sig":"MEUCIQDyF+3djKkcDdmgWN1qynyEzyY+xALRNri9UgOHByWyYwIgex3Y1s1RR2uFkSC1EHBUOLLvcvfs2fXlgMZYTsWnBt0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":102858},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"fesm2022/arpudhabotupload-fn-button.mjs","exports":{".":{"esm":"./esm2022/arpudhabotupload-fn-button.mjs","types":"./index.d.ts","default":"./fesm2022/arpudhabotupload-fn-button.mjs","esm2022":"./esm2022/arpudhabotupload-fn-button.mjs"},"./package.json":{"default":"./package.json"}},"typings":"index.d.ts","_npmUser":{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"},"repository":{"url":"","type":"git"},"_npmVersion":"11.6.2","description":"Angular standalone button component with built-in SVG icon support and Tailwind CSS styling","directories":{},"sideEffects":false,"_nodeVersion":"24.11.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0","@ngx-translate/core":"^15.0.0 || ^16.0.0","@arpudhabotupload/fn-icon-angular":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/fn-button_1.0.8_1773381788490_0.6419445168614604","host":"s3://npm-registry-packages-npm-production"}},"1.0.9":{"name":"@arpudhabotupload/fn-button","version":"1.0.9","keywords":["angular","button","component","tailwind","standalone","ui"],"author":"","license":"MIT","_id":"@arpudhabotupload/fn-button@1.0.9","maintainers":[{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"}],"dist":{"shasum":"1a767820c889863340b1484fee5b788a1ea6a0d6","tarball":"https://registry.npmjs.org/@arpudhabotupload/fn-button/-/fn-button-1.0.9.tgz","fileCount":15,"integrity":"sha512-wZAfi2Hk+6jfwyPW3HaptM7TvvunRa6BRItx2amQfjJDsOT70zi7Tkdi2MFjzNB00qaZU4NKJ7ydTto5CiVqjw==","signatures":[{"sig":"MEQCIFgTWyYcLrga5embCxX1eQHsVqLVyRdlBz5CkvX7nfFCAiBNWmWCuDCrFuQ7c4jAe8yG+dvPE9QYF2m/xBJrr4oHTw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":107017},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"fesm2022/arpudhabotupload-fn-button.mjs","exports":{".":{"esm":"./esm2022/arpudhabotupload-fn-button.mjs","types":"./index.d.ts","default":"./fesm2022/arpudhabotupload-fn-button.mjs","esm2022":"./esm2022/arpudhabotupload-fn-button.mjs"},"./package.json":{"default":"./package.json"}},"typings":"index.d.ts","_npmUser":{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"},"repository":{"url":"","type":"git"},"_npmVersion":"11.6.2","description":"Angular standalone button component with built-in SVG icon support and Tailwind CSS styling","directories":{},"sideEffects":false,"_nodeVersion":"24.11.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0","@ngx-translate/core":"^15.0.0 || ^16.0.0"},"_npmOperationalInternal":{"tmp":"tmp/fn-button_1.0.9_1773381931078_0.021898787606215553","host":"s3://npm-registry-packages-npm-production"}},"1.0.10":{"name":"@arpudhabotupload/fn-button","version":"1.0.10","keywords":["angular","button","component","tailwind","standalone","ui"],"author":"","license":"MIT","_id":"@arpudhabotupload/fn-button@1.0.10","maintainers":[{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"}],"dist":{"shasum":"599c50d3e30cf441da87592a92ca430eceacd808","tarball":"https://registry.npmjs.org/@arpudhabotupload/fn-button/-/fn-button-1.0.10.tgz","fileCount":15,"integrity":"sha512-SsQIF9tz0EtX1OxShBy3klZ7CwvKs9XT9JyjET8PVzx2oUugVMCA1SZwaMnNP29t25oo6pYohodzxusud7Mc4g==","signatures":[{"sig":"MEQCIF8trMSFA0zYp6gblYBwfLzQV/lF3S4698dAhH99xuRKAiAFxDrE+OpGLx9+j7ox5wGyXyjwwEFpFZnQc9h5yWGwog==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":107080},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"fesm2022/arpudhabotupload-fn-button.mjs","exports":{".":{"esm":"./esm2022/arpudhabotupload-fn-button.mjs","types":"./index.d.ts","default":"./fesm2022/arpudhabotupload-fn-button.mjs","esm2022":"./esm2022/arpudhabotupload-fn-button.mjs"},"./styles.css":{"default":"./src/styles.css"},"./package.json":{"default":"./package.json"}},"typings":"index.d.ts","_npmUser":{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"},"repository":{"url":"","type":"git"},"_npmVersion":"11.6.2","description":"Angular standalone button component with built-in SVG icon support and Tailwind CSS styling","directories":{},"sideEffects":false,"_nodeVersion":"24.11.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0","@ngx-translate/core":"^15.0.0 || ^16.0.0"},"_npmOperationalInternal":{"tmp":"tmp/fn-button_1.0.10_1773385283767_0.8437593890430899","host":"s3://npm-registry-packages-npm-production"}},"1.0.11":{"name":"@arpudhabotupload/fn-button","version":"1.0.11","keywords":["angular","button","component","tailwind","standalone","ui"],"author":"","license":"MIT","_id":"@arpudhabotupload/fn-button@1.0.11","maintainers":[{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"}],"dist":{"shasum":"836a49be63c2512c8fa9040d6d74c81622b76b14","tarball":"https://registry.npmjs.org/@arpudhabotupload/fn-button/-/fn-button-1.0.11.tgz","fileCount":15,"integrity":"sha512-Ofph+h3+8jLzbPYNxkyg446hNLQDYumwXpHdXqTCblPrgHm8tmJodj+Kpf2piZazKLxEtZS5kd3CCCR8iyJZTg==","signatures":[{"sig":"MEQCICxvtadaifmmEzuNKePIzG/6MmZrSQrqKtdYUlKXQOC7AiBYTJ5+rNrGDyqiYRYJ6hisKcpTe6KADkN+6PHZs6G6sA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":110297},"module":"fesm2022/arpudhabotupload-fn-button.mjs","exports":{".":{"esm":"./esm2022/arpudhabotupload-fn-button.mjs","types":"./index.d.ts","default":"./fesm2022/arpudhabotupload-fn-button.mjs","esm2022":"./esm2022/arpudhabotupload-fn-button.mjs"},"./styles.css":{"default":"./src/styles.css"},"./package.json":{"default":"./package.json"}},"typings":"index.d.ts","_npmUser":{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"},"repository":{"url":"","type":"git"},"_npmVersion":"11.6.2","description":"Angular standalone button component with built-in SVG icon support and Tailwind CSS styling","directories":{},"sideEffects":false,"_nodeVersion":"24.11.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0","@ngx-translate/core":"^15.0.0 || ^16.0.0"},"_npmOperationalInternal":{"tmp":"tmp/fn-button_1.0.11_1773386975947_0.6739312853436183","host":"s3://npm-registry-packages-npm-production"}},"1.0.12":{"name":"@arpudhabotupload/fn-button","version":"1.0.12","keywords":["angular","button","component","tailwind","standalone","ui"],"author":"","license":"MIT","_id":"@arpudhabotupload/fn-button@1.0.12","maintainers":[{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"}],"dist":{"shasum":"8fa14aff878cfb0a5947dffab499e72c61e7e272","tarball":"https://registry.npmjs.org/@arpudhabotupload/fn-button/-/fn-button-1.0.12.tgz","fileCount":15,"integrity":"sha512-2Sx3kvsxv96o+YEX9q577V2WgjhaUy9hNROofkIUyW8hRuogbVv3eZGew6JGa5KOq0EWfMFJ5ds7+/Y/blHrzw==","signatures":[{"sig":"MEUCIDBT7kCNE/f+qG85WkmtZ82jnCqn9SPcyRriZgH7KETUAiEAyYhuaeltjRUm7v0Gb5ztF4YRDhPzZ9pouXQVBuTUR/g=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":117937},"module":"fesm2022/arpudhabotupload-fn-button.mjs","exports":{".":{"esm":"./esm2022/arpudhabotupload-fn-button.mjs","types":"./index.d.ts","default":"./fesm2022/arpudhabotupload-fn-button.mjs","esm2022":"./esm2022/arpudhabotupload-fn-button.mjs"},"./styles.css":{"default":"./src/styles.css"},"./package.json":{"default":"./package.json"}},"typings":"index.d.ts","_npmUser":{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"},"repository":{"url":"","type":"git"},"_npmVersion":"11.6.2","description":"Angular standalone button component with built-in SVG icon support and Tailwind CSS styling","directories":{},"sideEffects":false,"_nodeVersion":"24.11.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0","@ngx-translate/core":"^15.0.0 || ^16.0.0"},"_npmOperationalInternal":{"tmp":"tmp/fn-button_1.0.12_1773387526185_0.22165386773900653","host":"s3://npm-registry-packages-npm-production"}},"1.0.13":{"name":"@arpudhabotupload/fn-button","version":"1.0.13","description":"Angular standalone button component with built-in SVG icon support and Tailwind CSS styling","keywords":["angular","button","component","tailwind","standalone","ui"],"author":"","license":"MIT","repository":{"type":"git","url":""},"peerDependencies":{"@angular/common":">=18.0.0","@angular/core":">=18.0.0","@ngx-translate/core":"^15.0.0 || ^16.0.0"},"module":"fesm2022/arpudhabotupload-fn-button.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2022":"./esm2022/arpudhabotupload-fn-button.mjs","esm":"./esm2022/arpudhabotupload-fn-button.mjs","default":"./fesm2022/arpudhabotupload-fn-button.mjs"},"./styles.css":{"default":"./src/styles.css"}},"sideEffects":false,"dependencies":{"tslib":"^2.3.0"},"_id":"@arpudhabotupload/fn-button@1.0.13","_nodeVersion":"24.11.1","_npmVersion":"11.6.2","dist":{"integrity":"sha512-tWs4qSCFpLzP4vmIJk/I7RKZt/TXOXERY1gv+IqnaQKQKgWsuSElyBVGXy10NQZGCqZmsK2+MEXbDtwHbPDFDA==","shasum":"089574cf111373869bed738e24f35e808d337076","tarball":"https://registry.npmjs.org/@arpudhabotupload/fn-button/-/fn-button-1.0.13.tgz","fileCount":15,"unpackedSize":137632,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIEIEVY+TMKlmWTlUHABB4glotuX7YhGhKpc7VcpC0TSeAiASa+0ON1LPqJvO6/PGQe7qQnA8JpiIGtbaV8YwEiXBaA=="}]},"_npmUser":{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"},"directories":{},"maintainers":[{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/fn-button_1.0.13_1773388146983_0.4969502994885606"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-12T08:59:41.149Z","modified":"2026-03-13T07:49:07.233Z","1.0.0":"2026-03-12T08:59:41.424Z","1.0.1":"2026-03-12T09:03:25.336Z","1.0.2":"2026-03-12T09:04:28.471Z","1.0.3":"2026-03-12T09:06:56.705Z","1.0.4":"2026-03-12T09:08:32.428Z","1.0.5":"2026-03-12T09:09:27.813Z","1.0.7":"2026-03-13T05:50:23.346Z","1.0.8":"2026-03-13T06:03:08.626Z","1.0.9":"2026-03-13T06:05:31.229Z","1.0.10":"2026-03-13T07:01:23.905Z","1.0.11":"2026-03-13T07:29:36.118Z","1.0.12":"2026-03-13T07:38:46.333Z","1.0.13":"2026-03-13T07:49:07.127Z"},"license":"MIT","keywords":["angular","button","component","tailwind","standalone","ui"],"repository":{"type":"git","url":""},"description":"Angular standalone button component with built-in SVG icon support and Tailwind CSS styling","maintainers":[{"name":"arpudhabotupload","email":"arpudhabotupload@gmail.com"}],"readme":"# @arpudhabotupload/fn-button\r\n\r\nA standalone Angular button component with built-in SVG icon support and Tailwind CSS styling.\r\n\r\n## Features\r\n\r\n- ✅ **Standalone Component** - Built with Angular standalone component (no modules required)\r\n- 🎨 **Tailwind CSS Styling** - Pre-configured with Tailwind CSS utility classes\r\n- 🔘 **Multiple Button Sizes** - Small, Medium, Large, and Docked variants\r\n- 🎯 **Severity Variants** - Primary, Secondary, and Tertiary styles\r\n- 🚨 **State Management** - Default, Disabled, and Destructive states\r\n- 🔄 **Loading State** - Built-in loading indicator support\r\n- 🖼️ **Built-in Icon Support** - Integrated SVG icon loading and rendering\r\n- 🌐 **i18n Ready** - Uses `@ngx-translate/core` for label translation\r\n- 📱 **Accessibility** - Full ARIA support and keyboard navigation\r\n- 📦 **Single Component** - Everything you need in one component\r\n\r\n## Installation\r\n\r\n```bash\r\nnpm install @arpudhabotupload/fn-button @ngx-translate/core\r\n```\r\n\r\nThis component library uses Tailwind utility classes in its template. Tailwind CSS must be configured in the consuming Angular app for styles to render correctly.\r\n\r\nInstall Tailwind in your app:\r\n\r\n```bash\r\nnpm install -D tailwindcss postcss autoprefixer\r\nnpx tailwindcss init\r\n```\r\n\r\n### Peer Dependencies\r\n\r\nThis library requires the following peer dependencies:\r\n\r\n```json\r\n{\r\n  \"@angular/common\": \">=18.0.0\",\r\n  \"@angular/core\": \">=18.0.0\",\r\n  \"@ngx-translate/core\": \"^15.0.0 || ^16.0.0\"\r\n}\r\n```\r\n\r\n**Note:** The button component renders icons from your local assets folder when `icon` is set. Make sure your icon assets follow this structure:\r\n1. `assets/icons/Line/16px/icon-name.svg`\r\n2. `assets/icons/Line/20px/icon-name--20.svg`\r\n3. `assets/icons/Line/24px/icon-name--24.svg`\r\n\r\n## Setup\r\n\r\n### 1. Import the Component\r\n\r\nSince this is a standalone component, you can import it directly in your component:\r\n\r\n```typescript\r\nimport { Component } from '@angular/core';\r\nimport { FNButton } from '@arpudhabotupload/fn-button';\r\n\r\n@Component({\r\n  selector: 'app-root',\r\n  standalone: true,\r\n  imports: [FNButton],\r\n  template: `\r\n    <fn-button \r\n      label=\"Click me\" \r\n      (buttonClick)=\"handleClick($event)\">\r\n    </fn-button>\r\n  `,\r\n})\r\nexport class AppComponent {\r\n  handleClick(event: MouseEvent) {\r\n    console.log('Button clicked!', event);\r\n  }\r\n}\r\n```\r\n\r\n### 2. Configure Tailwind CSS (Required)\r\n\r\nAdd the library path to your `tailwind.config.js`:\r\n\r\n```javascript\r\n/** @type {import('tailwindcss').Config} */\r\nmodule.exports = {\r\n  content: [\r\n    \"./src/**/*.{html,ts}\",\r\n    \"./node_modules/@arpudhabotupload/fn-button/**/*.{html,ts,js,mjs}\",\r\n  ],\r\n  theme: {\r\n    extend: {},\r\n  },\r\n  plugins: [],\r\n}\r\n```\r\n\r\nEnsure your global stylesheet includes Tailwind directives:\r\n\r\n```css\r\n@tailwind base;\r\n@tailwind components;\r\n@tailwind utilities;\r\n```\r\n\r\n### 3. Import Component Styles\r\n\r\nThe library ships a pre-built CSS file containing all the CSS custom property (variable) definitions required for button colors, borders, and states.\r\n\r\n> **Important:** Use the exported subpath `@arpudhabotupload/fn-button/styles.css`.\r\n> Do **not** use `@arpudhabotupload/fn-button/src/styles.css` — that path is not exported and will cause a bundler error.\r\n\r\n---\r\n\r\n#### Option A — CSS global stylesheet (`src/styles.css`)\r\n\r\n```css\r\n/* src/styles.css */\r\n@tailwind base;\r\n@tailwind components;\r\n@tailwind utilities;\r\n\r\n@import '@arpudhabotupload/fn-button/styles.css';\r\n```\r\n\r\n> Place the `@import` **after** Tailwind directives to avoid any ordering issues.\r\n\r\n---\r\n\r\n#### Option B — SCSS global stylesheet (`src/styles.scss`)\r\n\r\n```scss\r\n// src/styles.scss\r\n@use 'tailwindcss/base';\r\n@use 'tailwindcss/components';\r\n@use 'tailwindcss/utilities';\r\n\r\n@import '@arpudhabotupload/fn-button/styles.css';\r\n```\r\n\r\n---\r\n\r\n#### Option C — Via `angular.json` styles array\r\n\r\nIf you prefer not to use `@import` in your stylesheet, register the file in `angular.json`:\r\n\r\n```json\r\n\"projects\": {\r\n  \"your-app\": {\r\n    \"architect\": {\r\n      \"build\": {\r\n        \"options\": {\r\n          \"styles\": [\r\n            \"src/styles.css\",\r\n            \"node_modules/@arpudhabotupload/fn-button/src/styles.css\"\r\n          ]\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n```\r\n\r\n---\r\n\r\n#### Option D — Define your own CSS variables (skip the import entirely)\r\n\r\nIf you have a custom design system, skip the import and define the variables yourself:\r\n\r\n```css\r\n:root {\r\n  /* Base Colors */\r\n  --Base-0: #ffffff;\r\n  --Base-10: #eef0f2;\r\n  --Base-30: #c4cdd2;\r\n  --Base-50: #818c95;\r\n\r\n  /* Primary Blue */\r\n  --RHB-Blue-100: #0067b1;\r\n  --RHB-Blue-200: #0158a0;\r\n  --RHB-Light-Blue-10: #eff9fd;\r\n\r\n  /* Destructive Red */\r\n  --RHB-Red-100: #ef3e42;\r\n  --RHB-Red-200: #d72f32;\r\n  --RHB-Red-10: #ffeeee;\r\n}\r\n```\r\n\r\nThe component reads these CSS variables at runtime, so any values you set here will be reflected automatically in all button variants and states.\r\n\r\n### 4. Setup Translation Module (Optional)\r\n\r\nIf you want to use the `label` input with translations:\r\n\r\n```typescript\r\nimport { ApplicationConfig, importProvidersFrom } from '@angular/core';\r\nimport { TranslateModule, TranslateLoader } from '@ngx-translate/core';\r\nimport { HttpClient, provideHttpClient } from '@angular/common/http';\r\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\r\n\r\nexport function HttpLoaderFactory(http: HttpClient) {\r\n  return new TranslateHttpLoader(http);\r\n}\r\n\r\nexport const appConfig: ApplicationConfig = {\r\n  providers: [\r\n    provideHttpClient(),\r\n    importProvidersFrom(\r\n      TranslateModule.forRoot({\r\n        loader: {\r\n          provide: TranslateLoader,\r\n          useFactory: HttpLoaderFactory,\r\n          deps: [HttpClient],\r\n        },\r\n      })\r\n    ),\r\n  ],\r\n};\r\n```\r\n\r\n### 5. Setup Icon Assets\r\n\r\nThe button resolves icons from your app assets. Set up your icon files like this:\r\n\r\n```\r\npublic/\r\n  assets/\r\n    icons/\r\n      Line/\r\n        16px/\r\n          icon-name.svg\r\n        20px/\r\n          icon-name--20.svg\r\n        24px/\r\n          icon-name--24.svg\r\n```\r\n\r\nThe component maps sizes as follows:\r\n- `small` -> `16px` -> `icon-name.svg`\r\n- `medium` -> `20px` -> `icon-name--20.svg`\r\n- `large` and `docked` -> `24px` -> `icon-name--24.svg`\r\n\r\n## Usage Examples\r\n\r\n### Basic Button\r\n\r\n```html\r\n<!-- Plain text button -->\r\n<fn-button label=\"Click me\"></fn-button>\r\n\r\n<!-- Using projected content (no ngx-translate needed) -->\r\n<fn-button>Click me</fn-button>\r\n```\r\n\r\n> **Note on `label`:** The `label` input is passed through `ngx-translate`'s `translate` pipe, so it works as a translation key. If `@ngx-translate/core` is not configured in your app, the value is rendered as-is (plain text). For apps without i18n, you can also use Angular content projection:\r\n> ```html\r\n> <fn-button>Save</fn-button>\r\n> ```\r\n\r\n### Button with Icon\r\n\r\n```html\r\n<fn-button \r\n  label=\"Save\" \r\n  icon=\"check\" \r\n  iconPos=\"left\">\r\n</fn-button>\r\n```\r\n\r\n### Icon Only Button\r\n\r\n```html\r\n<fn-button \r\n  icon=\"settings\" \r\n  ariaLabel=\"Settings\">\r\n</fn-button>\r\n```\r\n\r\n### Different Sizes\r\n\r\n```html\r\n<fn-button label=\"Small\" size=\"small\"></fn-button>\r\n<fn-button label=\"Medium\" size=\"medium\"></fn-button>\r\n<fn-button label=\"Large\" size=\"large\"></fn-button>\r\n<fn-button label=\"Docked\" size=\"docked\"></fn-button>\r\n```\r\n\r\n### Severity Variants\r\n\r\n```html\r\n<fn-button label=\"Primary\" severity=\"primary\"></fn-button>\r\n<fn-button label=\"Secondary\" severity=\"secondary\"></fn-button>\r\n<fn-button label=\"Tertiary\" severity=\"tertiary\"></fn-button>\r\n```\r\n\r\n### States\r\n\r\n```html\r\n<fn-button label=\"Default\" state=\"default\"></fn-button>\r\n<fn-button label=\"Disabled\" state=\"disabled\"></fn-button>\r\n<fn-button label=\"Destructive\" state=\"destructive\"></fn-button>\r\n```\r\n\r\n### Loading State\r\n\r\n```html\r\n<fn-button \r\n  label=\"Save\" \r\n  [loading]=\"isLoading\" \r\n  (buttonClick)=\"save()\">\r\n</fn-button>\r\n```\r\n\r\n### Custom Styling\r\n\r\n```html\r\n<fn-button \r\n  label=\"Custom\" \r\n  class=\"my-custom-class\"\r\n  [style]=\"getCustomStyle\">\r\n</fn-button>\r\n```\r\n\r\n```typescript\r\ngetCustomStyle = (target: string) => {\r\n  if (target === 'button') {\r\n    return { boxShadow: '0 4px 6px rgba(0,0,0,0.1)' };\r\n  }\r\n  return {};\r\n};\r\n```\r\n\r\n### Using Content Template\r\n\r\n```html\r\n<fn-button [contentTemplate]=\"customContent\"></fn-button>\r\n\r\n<ng-template #customContent>\r\n  <span>Custom Content</span>\r\n</ng-template>\r\n```\r\n\r\n## API Reference\r\n\r\n### FNButton Component\r\n\r\n#### Inputs\r\n\r\n| Input | Type | Default | Description |\r\n|-------|------|---------|-------------|\r\n| `type` | `'button' \\| 'submit' \\| 'reset'` | `'button'` | HTML button type |\r\n| `icon` | `string` | `undefined` | Icon name (without extension) |\r\n| `iconPos` | `'left' \\| 'right'` | `'left'` | Icon position |\r\n| `iconColor` | `string` | `undefined` | Custom icon color (CSS color value or variable name) |\r\n| `label` | `string` | `undefined` | Button label (will be translated) |\r\n| `disabled` | `boolean` | `false` | Disable the button |\r\n| `loading` | `boolean` | `false` | Show loading state |\r\n| `loadingIcon` | `string` | `undefined` | Custom loading icon class |\r\n| `tabindex` | `number \\| null` | `null` | Tab index for keyboard navigation |\r\n| `size` | `'small' \\| 'medium' \\| 'large' \\| 'docked'` | `'medium'` | Button size |\r\n| `severity` | `'primary' \\| 'secondary' \\| 'tertiary'` | `'primary'` | Button style variant |\r\n| `state` | `'default' \\| 'disabled' \\| 'destructive'` | `'default'` | Button state |\r\n| `style` | `(target: string) => object` | `undefined` | Custom style function |\r\n| `class` | `string` | `''` | Additional CSS classes |\r\n| `ariaLabel` | `string` | `undefined` | ARIA label for accessibility |\r\n| `autofocus` | `boolean` | `false` | Auto focus on mount |\r\n| `contentTemplate` | `TemplateRef<any>` | `undefined` | Custom content template |\r\n| `iconTemplate` | `TemplateRef<any>` | `undefined` | Custom icon template |\r\n| `loadingIconTemplate` | `TemplateRef<any>` | `undefined` | Custom loading icon template |\r\n\r\n#### Outputs\r\n\r\n| Output | Type | Description |\r\n|--------|------|-------------|\r\n| `buttonClick` | `EventEmitter<MouseEvent>` | Emitted when button is clicked |\r\n| `buttonFocus` | `EventEmitter<FocusEvent>` | Emitted when button receives focus |\r\n| `buttonBlur` | `EventEmitter<FocusEvent>` | Emitted when button loses focus |\r\n\r\n## Built-in Icon Support\r\n\r\nThe button component renders icons using a native `<img>` element resolved from your app's local assets folder. No additional icon package is required.\r\n\r\n### How Icon Paths Are Resolved\r\n\r\nWhen you set the `icon` input, the component builds a path based on the button `size`:\r\n\r\n| Size | Resolved path |\r\n|------|---------------|\r\n| `small` | `assets/icons/Line/16px/{icon}.svg` |\r\n| `medium` | `assets/icons/Line/20px/{icon}--20.svg` |\r\n| `large` / `docked` | `assets/icons/Line/24px/{icon}--24.svg` |\r\n\r\n### Icon Assets Directory Structure\r\n\r\nPlace your SVG icon files under `public/assets/icons/` (Angular 17+) or `src/assets/icons/` (Angular 16 and below):\r\n\r\n```\r\nassets/\r\n  icons/\r\n    Line/\r\n      16px/\r\n        arrow-right.svg\r\n      20px/\r\n        arrow-right--20.svg\r\n      24px/\r\n        arrow-right--24.svg\r\n```\r\n\r\n### Icon Features\r\n\r\nThe component automatically handles:\r\n- **Icon sizing**: Maps button `size` to the correct pixel folder (16 / 20 / 24px)\r\n- **Icon color**: Determined by `severity` + `state`, or overridden with `iconColor` on tertiary buttons\r\n- **Icon position**: Left or right of the label via `iconPos`; icon-only buttons render in a circular container\r\n- **Custom icon template**: Supply your own icon markup via `[iconTemplate]` to replace the default `<img>` render\r\n\r\n### Icon Color Behaviour\r\n\r\n| Severity | State | Icon color |\r\n|----------|-------|------------|\r\n| `primary` | any | `--Base-0` (white) |\r\n| `secondary` / `tertiary` | `default` | `--RHB-Blue-100` |\r\n| `secondary` / `tertiary` | `disabled` | `--Base-50` |\r\n| `secondary` / `tertiary` | `destructive` | `--RHB-Red-100` |\r\n\r\nTo override the icon color on a `tertiary` button, use the `iconColor` input:\r\n\r\n```html\r\n<!-- CSS variable name (var() wrapper is added automatically) -->\r\n<fn-button severity=\"tertiary\" icon=\"star\" iconColor=\"RHB-Blue-100\"></fn-button>\r\n\r\n<!-- Explicit CSS value -->\r\n<fn-button severity=\"tertiary\" icon=\"star\" iconColor=\"#0067b1\"></fn-button>\r\n\r\n<!-- Full var() expression -->\r\n<fn-button severity=\"tertiary\" icon=\"star\" iconColor=\"var(--RHB-Red-100)\"></fn-button>\r\n```\r\n\r\n> `iconColor` is ignored for `primary` and `secondary` severities.\r\n\r\n## Development\r\n\r\n### Build the Library\r\n\r\n```bash\r\nnpm install\r\nnpm run build\r\n```\r\n\r\n### Pack for Testing\r\n\r\n```bash\r\nnpm run pack\r\n```\r\n\r\nThis creates a `.tgz` file in the `dist` folder that you can install in another project:\r\n\r\n```bash\r\nnpm install /path/to/arpudhabotupload-fn-button-1.0.10.tgz\r\n```\r\n\r\n### Publish to NPM\r\n\r\nBuild and publish in one step:\r\n\r\n```bash\r\nnpm run release\r\n```\r\n\r\nOr separately:\r\n\r\n```bash\r\nnpm run build\r\nnpm run publish:dist\r\n```\r\n\r\n## License\r\n\r\nMIT\r\n\r\n## Contributing\r\n\r\nContributions are welcome! Please feel free to submit a Pull Request.\r\n\r\n## Support\r\n\r\nFor issues and questions, please open an issue on the GitHub repository.\r\n","readmeFilename":"README.md"}