{"_id":"dynamix-button","_rev":"29-efe53863ee3569809159f8aef6558ead","name":"dynamix-button","dist-tags":{"latest":"1.0.13"},"versions":{"0.0.0":{"name":"dynamix-button","version":"0.0.0","_id":"dynamix-button@0.0.0","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"c4d958430138fad3038d81ba18be965fa96c30cb","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-0.0.0.tgz","fileCount":16,"integrity":"sha512-WxWnoofi5esrlmQXs1tc2280+WzpOOI5NiIo71RTHoMogtFSP0kbOoiS9x0r6icD6l/csTfPYsbVxthyLJPKlg==","signatures":[{"sig":"MEUCIF0roPXxuoMl9/x1KkLMqeorUdp4FcyJnmSqtzL5bxgPAiEAqGSDOijirzpen/StRoLJ/7EMPuKhPEkvxuZg7CZ0cyc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":17582},"main":"dist/minha-lib-botao.umd.js","type":"module","types":"dist/index.d.ts","module":"dist/minha-lib-botao.es.js","gitHead":"c2f721f64955163c6598c0732c6991fe9b42d68c","scripts":{"dev":"vite","build":"tsc && vite build","preview":"vite preview"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","directories":{},"_nodeVersion":"22.15.0","dependencies":{"framer-motion":"^12.11.0","react-router-dom":"^7.6.0","styled-components":"^6.1.18"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","typescript":"~5.8.3","vite-plugin-dts":"^4.5.3","@vitejs/plugin-react":"^4.4.1","@types/styled-components":"^5.1.34"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_0.0.0_1747206225048_0.4861415066012844","host":"s3://npm-registry-packages-npm-production"}},"0.1.0":{"name":"dynamix-button","version":"0.1.0","_id":"dynamix-button@0.1.0","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"d4cdd8115ecbac80a33cedd09b7ff252b09897ba","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-0.1.0.tgz","fileCount":17,"integrity":"sha512-RuFPiM/BKPgiMTsQQqssdLOn6NdQ4X+ORN+RRh86t0rVrxvUCQnDFgmhyN84YyAmaLEOE1tJ57DNx5ZkoDZrow==","signatures":[{"sig":"MEQCIHdV96jR5uM9rAQ6FKdHxJc3kNG7MornHsjIsp32r5RVAiB+As5VZ9i4x+zgkjFMG0rqzPgsTyoJ1hqGQCbd1y+bPQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":19273},"main":"dist/minha-lib-botao.umd.js","type":"module","types":"dist/index.d.ts","module":"dist/minha-lib-botao.es.js","gitHead":"c2f721f64955163c6598c0732c6991fe9b42d68c","scripts":{"dev":"vite","build":"tsc && vite build","preview":"vite preview"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","description":"Um botão animado e inteligente para React, com suporte a ícone expansível no hover, estilização via `styled-components` e animações com `framer-motion`.","directories":{},"_nodeVersion":"22.15.0","dependencies":{"framer-motion":"^12.11.0","react-router-dom":"^7.6.0","styled-components":"^6.1.18"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","typescript":"~5.8.3","vite-plugin-dts":"^4.5.3","@vitejs/plugin-react":"^4.4.1","@types/styled-components":"^5.1.34"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_0.1.0_1747206691879_0.17843081898957047","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"dynamix-button","version":"0.2.0","_id":"dynamix-button@0.2.0","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"e96ae72ef926eed7992526aefb2dc0dea0b9c580","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-0.2.0.tgz","fileCount":13,"integrity":"sha512-0ZUaW6oxHainRMF4cILayzgsyE/wclccEfc4iWUncZk6jZ2TD/NXCR7woL6Hv866aKJbU3N3QyIePJXFMjknkg==","signatures":[{"sig":"MEQCIB7v4ANM9mA5Gfgnn5pqC+l2vb366UmFscYu3wRFmQdLAiA0Hd5PLH7dWwIi1PaG+sBnS4zZgWzFe1lM3LkmMhs3Qw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":30819},"main":"dist/minha-lib-botao.umd.js","type":"module","types":"dist/index.d.ts","module":"dist/minha-lib-botao.es.js","scripts":{"dev":"vite","build":"tsc && vite build","preview":"vite preview"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","description":"Um botão animado e inteligente para React, com suporte a ícone expansível no hover, estilização via `styled-components` e animações com `framer-motion`.","directories":{},"_nodeVersion":"22.15.0","dependencies":{"framer-motion":"^12.11.0","react-router-dom":"^7.6.0","styled-components":"^6.1.18"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","typescript":"~5.8.3","vite-plugin-dts":"^4.5.3","@vitejs/plugin-react":"^4.4.1","@types/styled-components":"^5.1.34"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_0.2.0_1747207718244_0.18917240300630267","host":"s3://npm-registry-packages-npm-production"}},"0.3.0":{"name":"dynamix-button","version":"0.3.0","_id":"dynamix-button@0.3.0","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"1a96da7feb4218cb0cd71a942cc88dab2ef036f8","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-0.3.0.tgz","fileCount":13,"integrity":"sha512-n7vYiPssdFy30ZoZN6W37ZBGj36oFe62gbQcpQavI8PtTWwW2L0GQBV9FPY7XFaFFcSx/5fduHf8XXE1CRIfmA==","signatures":[{"sig":"MEQCIF1eJWIow8N3+bPrMxUohpv4eDT/jrKjcEUCGpGTL6qKAiBby30lQZ6tqsDoSyILIwmm1W6sLkEFLGTx9gLU94IYVQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":30818},"main":"dist/minha-lib-botao.umd.js","type":"module","types":"dist/index.d.ts","module":"dist/minha-lib-botao.es.js","scripts":{"dev":"vite","build":"tsc && vite build","preview":"vite preview"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","description":"Um botão animado e inteligente para React, com suporte a ícone expansível no hover, estilização via `styled-components` e animações com `framer-motion`.","directories":{},"_nodeVersion":"22.15.0","dependencies":{"framer-motion":"^12.11.0","react-router-dom":"^7.6.0","styled-components":"^6.1.18"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","typescript":"~5.8.3","vite-plugin-dts":"^4.5.3","@vitejs/plugin-react":"^4.4.1","@types/styled-components":"^5.1.34"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_0.3.0_1747207960139_0.22945333777684862","host":"s3://npm-registry-packages-npm-production"}},"0.4.1":{"name":"dynamix-button","version":"0.4.1","_id":"dynamix-button@0.4.1","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"4a5f45eecf21d380b1c1f1b5baa8129ac803f1fc","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-0.4.1.tgz","fileCount":6,"integrity":"sha512-Xon7AoIpBE/zs+T/SIWB+5KP+5ufEp5edC+gU6CgcQp6+cy6E0yuRWn1o6JVL2ix6kjz4lyvJymvU3rnuY/uvA==","signatures":[{"sig":"MEQCIAW7AL7rRVthfognpzyXCdrRqjkHg2Qr5PjVI21TyLKeAiA1c/Euwl76oDx7FT1by+C/JA2O5w8jspYJpVPZVO3X+A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6919},"main":"./dist/dynamix-button.umd.js","type":"module","types":"./dist/index.d.ts","module":"./dist/dynamix-button.es.js","scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","description":"Um botão animado e inteligente para React, com suporte a ícone expansível no hover, estilização via `styled-components` e animações com `framer-motion`.","directories":{},"_nodeVersion":"22.15.0","dependencies":{"framer-motion":"^12.11.0","react-router-dom":"^7.6.0","styled-components":"^6.1.18"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","typescript":"~5.8.3","vite-plugin-dts":"^4.5.3","@vitejs/plugin-react":"^4.4.1","@types/styled-components":"^5.1.34"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_0.4.1_1747208807782_0.28042596945737497","host":"s3://npm-registry-packages-npm-production"}},"0.5.0":{"name":"dynamix-button","version":"0.5.0","_id":"dynamix-button@0.5.0","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"ae7cfd675e7e0a0c46831344c6607675cdeedf14","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-0.5.0.tgz","fileCount":9,"integrity":"sha512-r3IlRNOJz9aQ5RPvh+KalvNzp4QaLvYywq1cW0oMaBnqSEmz8XHEo0eqaE4j/ROYPeLHG6drJKXuLbNl6SXuXw==","signatures":[{"sig":"MEUCIQDaZFD4ukurQL/UX/YLkuEG+qqbg7cUJ/Za4utA/ZRTEgIgHT3rUpFpysBd8/eJprPXixkZfJvvxc058U+SwYg9V2A=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":45204},"main":"./dist/dynamix-button.umd.js","types":"./dist/index.d.ts","module":"./dist/dynamix-button.es.js","scripts":{"build":"vite build"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","directories":{},"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.0","typescript":"^5.0.0","@types/react":"^19.1.4","vite-plugin-dts":"^4.5.3","@vitejs/plugin-react":"^4.4.1"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0","framer-motion":"^12.0.0","react-router-dom":"^6.0.0","styled-components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_0.5.0_1747210006546_0.3992361140552596","host":"s3://npm-registry-packages-npm-production"}},"0.5.1":{"name":"dynamix-button","version":"0.5.1","_id":"dynamix-button@0.5.1","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"ff29f10aaacf5748b7935ac642beabcd964daab8","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-0.5.1.tgz","fileCount":10,"integrity":"sha512-FRQULTlt1Ko1KtwI+vpLCrNG1qng3xrlR3m7/mNTSlb8UqmrOA1JAZpAsDBdCgIfbSf2R1HhGfXVfkWLu3ljvw==","signatures":[{"sig":"MEYCIQDgBWAUMzvLZOh+ow9P9uhrZDSZHOnpAgN6j50orxBVNwIhAIujN1Fgn7eWD04PXcQqVboMk1cKqvb0l7AKZzW5BEZh","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":46717},"main":"./dist/dynamix-button.umd.js","types":"./dist/index.d.ts","module":"./dist/dynamix-button.es.js","scripts":{"build":"vite build"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","directories":{},"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.0","typescript":"^5.0.0","@types/react":"^19.1.4","vite-plugin-dts":"^4.5.3","@vitejs/plugin-react":"^4.4.1"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","framer-motion":"^12.0.0","react-router-dom":"^6.0.0","styled-components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_0.5.1_1747210616987_0.8696146393795403","host":"s3://npm-registry-packages-npm-production"}},"0.5.2":{"name":"dynamix-button","version":"0.5.2","_id":"dynamix-button@0.5.2","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"fdb154efc58acc9e0cc39b2d92eacacc42bf9360","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-0.5.2.tgz","fileCount":10,"integrity":"sha512-haoXIviQfFQaDmJW3UC6DuCqt82rn6uk96lA0IT2a7F3Dilo8TN15lsB3E5WPpqeqn40MNUi+cXuYRuZ+4bPAw==","signatures":[{"sig":"MEUCICE8fisYngSsbftZ89PYDPuDIGUovy3F6Mh6X7Gj4CzHAiEAip42c+33OwlXpRomBvKLPYVYiUHXo9ZKFROSHFu1ubc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":46697},"main":"./dist/dynamix-button.umd.js","types":"./dist/index.d.ts","module":"./dist/dynamix-button.es.js","scripts":{"build":"vite build"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","directories":{},"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.0","typescript":"^5.0.0","@types/react":"^19.1.4","vite-plugin-dts":"^4.5.3","@vitejs/plugin-react":"^4.4.1"},"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0","framer-motion":"^12.11.0","react-router-dom":"^7.6.0","styled-components":"^6.1.18"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_0.5.2_1747210767704_0.07825187405277245","host":"s3://npm-registry-packages-npm-production"}},"0.5.3":{"name":"dynamix-button","version":"0.5.3","_id":"dynamix-button@0.5.3","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"d5890e2416510c996ae71e15160725877f85e4dc","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-0.5.3.tgz","fileCount":10,"integrity":"sha512-6Ua35bZEEXh/q6nRnrCEBgyz1UFMmyG3RNtCPpG+v22V86U1epOTs6+EFAe3mNlrLi4iCicS8rCXZcjJN4Vzuw==","signatures":[{"sig":"MEUCIQDMl5pfAz7jvphcn0nl+qfTAQfIqIZYUEA8KZkpHqrbNQIgTjAKOUupEfQQ2mvDSsyrD9Vlpr8+6EsqNbfAJjxlFFU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":44171},"main":"./dist/dynamix-button.umd.js","types":"./dist/index.d.ts","module":"./dist/dynamix-button.es.js","scripts":{"build":"vite build"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","directories":{},"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.0","typescript":"^5.0.0","@types/react":"^19.1.4","vite-plugin-dts":"^4.5.3","@vitejs/plugin-react":"^4.4.1"},"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0","framer-motion":"^12.11.0","react-router-dom":"^7.6.0","styled-components":"^6.1.18"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_0.5.3_1747210944681_0.4700728390018376","host":"s3://npm-registry-packages-npm-production"}},"0.5.4":{"name":"dynamix-button","version":"0.5.4","_id":"dynamix-button@0.5.4","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"6412d658e2225569cd3878fcebaf9c3b72768c2a","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-0.5.4.tgz","fileCount":10,"integrity":"sha512-3oONhO8O0dbBUDsFsuDSrA3suMuIiu+SIOUbsWqizeVS3HYlOUtSZPkbIBz4IRpSCbMxhDR5p3nqwIlhB8CZ0g==","signatures":[{"sig":"MEYCIQDvHWEpKFH1ld/PReLnIRR58aRXvmune7iHAWKTe+AnKAIhAIp0jvyjHW03XdiSdB3sJfqa15mjN0yFyvOUwnmHyfbK","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":24784},"main":"./dist/dynamix-button.umd.js","types":"./dist/index.d.ts","module":"./dist/dynamix-button.es.js","scripts":{"build":"vite build"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","description":"**Dynamix Button** é um componente de botão personalizável em React, desenvolvido com `styled-components` e `framer-motion`, que permite:","directories":{},"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.0","typescript":"^5.0.0","@types/react":"^19.1.4","vite-plugin-dts":"^4.5.3","@vitejs/plugin-react":"^4.4.1"},"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0","framer-motion":"^12.11.0","react-router-dom":"^7.6.0","styled-components":"^6.1.18"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_0.5.4_1747246512926_0.4424629114750216","host":"s3://npm-registry-packages-npm-production"}},"0.6.0":{"name":"dynamix-button","version":"0.6.0","keywords":["react","button","component","ui","styled-components","framer-motion","animation"],"author":{"name":"Seu Nome"},"license":"MIT","_id":"dynamix-button@0.6.0","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"82add0c3dc7497c78b1a2dd3e767b71f03e35ccd","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-0.6.0.tgz","fileCount":6,"integrity":"sha512-xvPbkSUfEuTe9SNn3TwpFUetXoOMQI0/1c52Mp9R1yOUWOm10r/zLXwIEG+pnWAaeNwn1zVyaBf28o6RoY/mCg==","signatures":[{"sig":"MEQCIHzihzLrdq9KYMpKqf7ztOQ2B+UAJelkzzzbz6CL31xmAiAnyskrj2kB8cRPYv/kNKYBVq7sl8Y3qsc0XMexZmMofA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":42154},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.es.js","gitHead":"932e0a6c8916ed46bf1f20b616925f2e96f000d1","scripts":{"lint":"eslint src --ext .ts,.tsx","test":"vitest run","build":"vite build","prepublishOnly":"npm run build"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","description":"Um botão dinâmico para React com animações e estilo personalizável","directories":{},"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^3.2.4","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.9.3","@types/node":"^18.11.9","@types/react":"^18.0.25","framer-motion":"^7.6.7","vite-plugin-dts":"^1.7.1","@types/react-dom":"^18.0.9","styled-components":"^5.3.11","@vitejs/plugin-react":"^2.2.0","@types/styled-components":"^5.1.34"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","framer-motion":">=6.0.0","styled-components":">=5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_0.6.0_1747247980951_0.7902360633090695","host":"s3://npm-registry-packages-npm-production"}},"0.6.1":{"name":"dynamix-button","version":"0.6.1","keywords":["react","button","component","ui","styled-components","framer-motion","animation"],"author":{"name":"Seu Nome"},"license":"MIT","_id":"dynamix-button@0.6.1","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"8c03d37f2853de23bf91cb41bbf5db8e4b4d8a60","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-0.6.1.tgz","fileCount":6,"integrity":"sha512-SA4l3+soFbmntIzbtgGWAbR65RYMuqOtm0Itzko0n5eCoaVenIRSrrj57TVkoxPk9YKZEi0VFKRk5DxhcQU96g==","signatures":[{"sig":"MEYCIQD07KXdfZHOelCVAJo+D6F2Pq7sKvGzOO0TfFswGWZ+7AIhANmTZOQwL4prL/jxN5zXkN1y+SoneoHARwT8Q0ENurWd","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":42343},"main":"dist/dynamix-button.umd.js","types":"dist/index.d.ts","module":"dist/dynamix-button.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/dynamix-button.es.js","require":"./dist/dynamix-button.umd.js"}},"gitHead":"932e0a6c8916ed46bf1f20b616925f2e96f000d1","scripts":{"lint":"eslint src --ext .ts,.tsx","test":"vitest run","build":"vite build","prepublishOnly":"npm run build"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","description":"Um botão dinâmico para React com animações e estilo personalizável","directories":{},"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^3.2.4","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.9.3","@types/node":"^18.11.9","@types/react":"^18.0.25","framer-motion":"^7.6.7","vite-plugin-dts":"^1.7.1","@types/react-dom":"^18.0.9","styled-components":"^5.3.11","@vitejs/plugin-react":"^2.2.0","@types/styled-components":"^5.1.34"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","framer-motion":">=6.0.0","styled-components":">=5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_0.6.1_1747248180269_0.5981326606112083","host":"s3://npm-registry-packages-npm-production"}},"0.6.2":{"name":"dynamix-button","version":"0.6.2","keywords":["react","button","component","ui","styled-components","framer-motion","animation"],"author":{"name":"Seu Nome"},"license":"MIT","_id":"dynamix-button@0.6.2","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"be85a88090ba7406fdf81885e1084316335a94d4","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-0.6.2.tgz","fileCount":4,"integrity":"sha512-7XRAXYH/Y6Y9BY4ncxH9jhmPcO7cyNAoD43EISleOK2raB9Twe9xDBVGxLqcL/iFFJIXOgCrFRTKdOHoBiVjlQ==","signatures":[{"sig":"MEUCIH7sY+m7PVrq1orIhWimysEM83HZZ9fYKelBQfRWareuAiEA3hAQbtaLepfw8eAC4n2lIf9dOcCQpbGKH6eKCnv+4kM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":42047},"main":"dist/dynamix-button.umd.js","types":"dist/index.d.ts","module":"dist/dynamix-button.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/dynamix-button.es.js","require":"./dist/dynamix-button.umd.js"}},"gitHead":"932e0a6c8916ed46bf1f20b616925f2e96f000d1","scripts":{"lint":"eslint src --ext .ts,.tsx","test":"vitest run","build":"vite build","prepublishOnly":"npm run build"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","description":"Um botão dinâmico para React com animações e estilo personalizável","directories":{},"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^3.2.4","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.9.3","@types/node":"^18.11.9","@types/react":"^18.0.25","framer-motion":"^7.6.7","vite-plugin-dts":"^1.7.1","@types/react-dom":"^18.0.9","styled-components":"^5.3.11","@vitejs/plugin-react":"^2.2.0","@types/styled-components":"^5.1.34"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","framer-motion":">=6.0.0","styled-components":">=5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_0.6.2_1747248678660_0.23333468529747425","host":"s3://npm-registry-packages-npm-production"}},"0.6.3":{"name":"dynamix-button","version":"0.6.3","keywords":["react","button","component","ui","styled-components","framer-motion","animation"],"author":{"name":"Seu Nome"},"license":"MIT","_id":"dynamix-button@0.6.3","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"b021c642da3b3ec9daa07d9caf7d5eaa5273c74c","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-0.6.3.tgz","fileCount":6,"integrity":"sha512-X/uYjgWOHirMRL2ym1epHqwXIkvJl2g1nu6qPMmEwmvo556usXisyIjy7w/Hbg2AbD+ib0ZP6I4DUIqTZO1o+g==","signatures":[{"sig":"MEQCIBWMc2IG8iaaxYYSoSK3pvKAXsnuheCVarTLoxBm7Z/yAiBb9P59I+qwNWBMosu4fi/EzHeSTnb674srTDEWPY07mg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":42343},"main":"dist/dynamix-button.umd.js","types":"dist/index.d.ts","module":"dist/dynamix-button.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/dynamix-button.es.js","require":"./dist/dynamix-button.umd.js"}},"gitHead":"932e0a6c8916ed46bf1f20b616925f2e96f000d1","scripts":{"lint":"eslint src --ext .ts,.tsx","test":"vitest run","build":"vite build","prepublishOnly":"npm run build"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","description":"Um botão dinâmico para React com animações e estilo personalizável","directories":{},"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^3.2.4","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.9.3","@types/node":"^18.11.9","@types/react":"^18.0.25","framer-motion":"^7.6.7","vite-plugin-dts":"^1.7.1","@types/react-dom":"^18.0.9","styled-components":"^5.3.11","@vitejs/plugin-react":"^2.2.0","@types/styled-components":"^5.1.34"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","framer-motion":">=6.0.0","styled-components":">=5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_0.6.3_1747248806852_0.45714972369012474","host":"s3://npm-registry-packages-npm-production"}},"0.6.4":{"name":"dynamix-button","version":"0.6.4","keywords":["react","button","component","ui","styled-components","framer-motion","animation"],"author":{"name":"ramonexe"},"license":"MIT","_id":"dynamix-button@0.6.4","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"fbb05b0816d72b4dae0f9e75c29c49ac1d275ef7","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-0.6.4.tgz","fileCount":6,"integrity":"sha512-Qf/mppLF1n33tSqQtDpgrld9zadLRlL809x149ybJ0ImFwxFlR3cDfdqWsEs14pFC51ASIpK3pccDw3XEy/OxA==","signatures":[{"sig":"MEQCIDYnRa5d8LVChxBTMNvG7zWB2VGO187RQhOobi6xsCM2AiAv/Zec6ZgklTfm9zs3Wdpwz94cgExNkJURMPJe5dMt5g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":42410},"main":"dist/dynamix-button.umd.js","types":"dist/index.d.ts","module":"dist/dynamix-button.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/dynamix-button.es.js","require":"./dist/dynamix-button.umd.js"}},"gitHead":"932e0a6c8916ed46bf1f20b616925f2e96f000d1","scripts":{"lint":"eslint src --ext .ts,.tsx","test":"vitest run","build":"vite build","prepublishOnly":"npm run build"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","description":"Um botão dinâmico para React com animações e estilo personalizável","directories":{},"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^3.2.4","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.9.3","@types/node":"^18.11.9","@types/react":"^18.0.25","framer-motion":"^7.6.7","vite-plugin-dts":"^1.7.1","@types/react-dom":"^18.0.9","styled-components":"^5.3.11","@vitejs/plugin-react":"^2.2.0","@types/styled-components":"^5.1.34"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","framer-motion":">=6.0.0","react-router-dom":">=6.0.0","styled-components":">=5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_0.6.4_1747249350830_0.18646720421220309","host":"s3://npm-registry-packages-npm-production"}},"0.6.5":{"name":"dynamix-button","version":"0.6.5","_id":"dynamix-button@0.6.5","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"d5468b4120c3fcc8c28e23fd1c2d7b647ac0454a","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-0.6.5.tgz","fileCount":10,"integrity":"sha512-Zqm0FugtLCN/EdHnoqABlyOr0mPPdYu7Fi80WtKDqTjA8/25Yt8nTrvwrI6B9zP4wdhG7VPX0myjqtXa0iTIxA==","signatures":[{"sig":"MEUCIARWpAxCu43i2e61w8r5iNHmeUxAL11Hhf/cDiL5oo3XAiEAjxWoBs3lrE/Qu+A2CuVDRVvD62i+LQMhGWMH4A1mmpc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":45099},"main":"./dist/dynamix-button.umd.js","types":"./dist/index.d.ts","module":"./dist/dynamix-button.es.js","gitHead":"932e0a6c8916ed46bf1f20b616925f2e96f000d1","scripts":{"build":"vite build"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","description":"**Dynamix Button** é um componente de botão personalizável em React, desenvolvido com `styled-components` e `framer-motion`, que permite:","directories":{},"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.0","typescript":"^5.0.0","@types/react":"^19.1.4","vite-plugin-dts":"^4.5.3","@vitejs/plugin-react":"^4.4.1"},"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0","framer-motion":"^12.11.0","react-router-dom":"^7.6.0","styled-components":"^6.1.18"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_0.6.5_1747249812481_0.9561872435142029","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"dynamix-button","version":"1.0.0","_id":"dynamix-button@1.0.0","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"6691437213e2fa107b02e2e43b35802746010022","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-1.0.0.tgz","fileCount":6,"integrity":"sha512-V4iqFTKtvmNdsEPqasUWvXWJNi0lEdtdHGY+eYptwnB2seDKBnXIDTezrqJUbNjRqyc2q0bmtyQJkgyufHI4vQ==","signatures":[{"sig":"MEUCIAyjqOwdkHxy2P1PTDla6YG4ce/P64q8Vkl+NGrTAbWdAiEA3ynAKJxp91wSVpUwaQwiwv24I5kD0+Q2b2PCJiXA2mU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":41787},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.js","gitHead":"932e0a6c8916ed46bf1f20b616925f2e96f000d1","scripts":{"dev":"vite","build":"vite build","prepublishOnly":"npm run build"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","description":"Um botão animado com suporte a ícone, hover e integração com Styled Components, Framer Motion e React Router DOM.","directories":{},"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","typescript":"^5.0.0","@types/react":"^19.1.4","@vitejs/plugin-react":"^4.4.1"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0","framer-motion":"^11.0.0","react-router-dom":"^6.0.0","styled-components":"^6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_1.0.0_1747250099163_0.9123821086442678","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"dynamix-button","version":"1.0.1","_id":"dynamix-button@1.0.1","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"77ddaa4912004c2814f5617e8532054b74dd8328","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-1.0.1.tgz","fileCount":6,"integrity":"sha512-6idSHhTZU49tUQr3PmxvzEiiHwovlTprBA/nCKq79juhLi/zIdHdXBVxbhFNFkG+ZM9tgyYzKutDDl51iMIZWg==","signatures":[{"sig":"MEUCIQCiz6QAR+00S/mSqz0LDiDg88pVdwK95MAirfR1DiymQgIgRWms9z+HAjG/MaMr5jUp+8PypEMUO4aK/o7KXzMfbUI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":41792},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.js","gitHead":"932e0a6c8916ed46bf1f20b616925f2e96f000d1","scripts":{"dev":"vite","build":"vite build","prepublishOnly":"npm run build"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","description":"Um botão animado com suporte a ícone, hover e integração com Styled Components, Framer Motion e React Router DOM.","directories":{},"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","typescript":"^5.0.0","@types/react":"^19.1.4","@vitejs/plugin-react":"^4.4.1"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","framer-motion":">=11.0.0","react-router-dom":">=6.0.0","styled-components":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_1.0.1_1747250197908_0.5560416127682015","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"dynamix-button","version":"1.0.2","_id":"dynamix-button@1.0.2","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"89c141672eb7fd2077ba88a185542f049dae5b98","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-1.0.2.tgz","fileCount":8,"integrity":"sha512-4kIQU3jAXJRzyQmWFTbDXiNvLCEBbgkQlueu/2BNRcsLoCrmepVAVPB9EHfaGd1dspWRv2zedoxDBRZDm/FbXQ==","signatures":[{"sig":"MEQCIH2/4GkKS4cf0PVC6wbq4H7aP7aJ5hfbuO6fjokXCxGKAiBBk7vO64TxXCAjn7oCY8T9Ol4yNCSdcc8MSaeXX1I2aw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":42072},"main":"dist/index.umd.js","types":"dist/types/index.d.ts","module":"dist/index.mjs","gitHead":"932e0a6c8916ed46bf1f20b616925f2e96f000d1","scripts":{"dev":"vite","build":"vite build && tsc --emitDeclarationOnly","prepublishOnly":"npm run build"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","description":"Um botão animado com suporte a ícone, hover e integração com Styled Components, Framer Motion e React Router DOM.","directories":{},"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","typescript":"^5.0.0","@types/react":"^19.1.4","@vitejs/plugin-react":"^4.4.1"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","framer-motion":">=11.0.0","react-router-dom":">=6.0.0","styled-components":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_1.0.2_1747250697250_0.3454595887709788","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"dynamix-button","version":"1.0.3","_id":"dynamix-button@1.0.3","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"82660edb8cb0ad240ec8c38cc8ed12224a148365","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-1.0.3.tgz","fileCount":10,"integrity":"sha512-TaxJRUcvqaufBYhopV58rg8yuEItlrzWu9PyBjm3epjuHAbfcwMdz/NHRGhLtlduGwU4TMLdhb2qBwXCpsynfg==","signatures":[{"sig":"MEYCIQC0+PnfojkXFTQo99rYGWzM13LdQhmivh943RcWvOfVcwIhANAeIDRs1XhhrS1SqxK8XkGK5jpAemYm2XJbkFvg44sq","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":42448},"main":"dist/index.umd.js","types":"dist/types/index.d.ts","module":"dist/index.mjs","gitHead":"932e0a6c8916ed46bf1f20b616925f2e96f000d1","scripts":{"dev":"vite","build":"vite build && tsc --emitDeclarationOnly","prepublishOnly":"npm run build"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","description":"Um botão animado com suporte a ícone, hover e integração com Styled Components, Framer Motion e React Router DOM.","directories":{},"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","typescript":"^5.0.0","@types/react":"^19.1.4","vite-plugin-dts":"^4.5.3","@vitejs/plugin-react":"^4.4.1"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","framer-motion":">=11.0.0","react-router-dom":">=6.0.0","styled-components":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_1.0.3_1747251068363_0.4883363139990131","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"dynamix-button","version":"1.0.4","_id":"dynamix-button@1.0.4","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"13d9411e2826fde14bac17e971de5a0eb381ff71","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-1.0.4.tgz","fileCount":8,"integrity":"sha512-XUjr0XAJzRF9M3PyIZxKASSqAxZBeZdnhyudSUk+0BP+YKkyQsgX8Uu1XZfMM3dltMxUKR/ZqcjibrQdoptRgw==","signatures":[{"sig":"MEUCIQDdJDRbAgvkifAVFeKnGz28DbYZxPjH6QcFT+KQ22CFkAIgdCexL3RrOUqesOltxH59bVXkEiSkOGwZWbpriLWeQTg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":42153},"main":"dist/index.umd.js","types":"dist/types/index.d.ts","module":"dist/index.mjs","gitHead":"932e0a6c8916ed46bf1f20b616925f2e96f000d1","scripts":{"dev":"vite","build":"vite build && tsc --emitDeclarationOnly","prepublishOnly":"npm run build"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","description":"Um botão animado com suporte a ícone, hover e integração com Styled Components, Framer Motion e React Router DOM.","directories":{},"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","typescript":"^5.0.0","@types/react":"^19.1.4","@vitejs/plugin-react":"^4.4.1"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","framer-motion":">=11.0.0","react-router-dom":">=6.0.0","styled-components":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_1.0.4_1747251232661_0.9649561088394862","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"dynamix-button","version":"1.0.5","_id":"dynamix-button@1.0.5","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"6acf2eb50784462ea7ce2a515beff2e6651aca26","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-1.0.5.tgz","fileCount":8,"integrity":"sha512-B47t8PQD1r1rHHEtycZ9P2pNhfJbRD2ifC259zkQDZJgg2uvT0mGZyOjBslqHRQnFh49UVYx+CgKhY4BZZEU/w==","signatures":[{"sig":"MEQCIA5oB2USlPrcmSNz1l9uiqDG6Zf1Qi2foQ3HY5mRfKLNAiBtZVwRt46k1ENP1bMISL1p/SLyCglb9i70aVo7Eh1Qiw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":42159},"main":"dist/index.umd.js","types":"dist/types/index.d.ts","module":"dist/index.mjs","gitHead":"932e0a6c8916ed46bf1f20b616925f2e96f000d1","scripts":{"dev":"vite","build":"vite build && tsc --emitDeclarationOnly","prepublishOnly":"npm run build"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","description":"Um botão animado com suporte a ícone, hover e integração com Styled Components, Framer Motion e React Router DOM.","directories":{},"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","typescript":"^5.0.0","@types/react":"^19.1.4","@vitejs/plugin-react":"^4.4.1"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","framer-motion":">=11.0.0","react-router-dom":">=6.0.0","styled-components":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_1.0.5_1747251448374_0.19735491831791396","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"dynamix-button","version":"1.0.6","_id":"dynamix-button@1.0.6","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"24204c43c59cb457be56103e12a2e789f02beee4","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-1.0.6.tgz","fileCount":8,"integrity":"sha512-N437v+tr4QuchAuJMF0KVtic5ckvDvDMyyf3WruE3pOWFTggOgeU9FQLtlmhzwmxLdLVtUwmC80EepMiYObjJw==","signatures":[{"sig":"MEYCIQDkdsNSpLhi0mEqWnoP7Flu1zFmNs+dAFMsHcm/DwRt/gIhAJD6HZv4BuVE8QZNUIhzr9OBKcmhsSnlOcj2+2BqLT39","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":42159},"main":"dist/index.umd.js","types":"dist/types/index.d.ts","module":"dist/index.mjs","gitHead":"932e0a6c8916ed46bf1f20b616925f2e96f000d1","scripts":{"dev":"vite","build":"vite build && tsc --emitDeclarationOnly","prepublishOnly":"npm run build"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","description":"Um botão animado com suporte a ícone, hover e integração com Styled Components, Framer Motion e React Router DOM.","directories":{},"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","typescript":"^5.0.0","@types/react":"^19.1.4","@vitejs/plugin-react":"^4.4.1"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","framer-motion":">=11.0.0","react-router-dom":">=6.0.0","styled-components":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_1.0.6_1747251640344_0.8930119155871794","host":"s3://npm-registry-packages-npm-production"}},"1.0.7":{"name":"dynamix-button","version":"1.0.7","_id":"dynamix-button@1.0.7","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"31c02e7cfdd7939038dce7080923361649f7ba2c","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-1.0.7.tgz","fileCount":8,"integrity":"sha512-lBEeYaPLzu1uUbsu+XdlvgwLYtG1wQc6emvLAgllhV03Tm7q+/HV2KvtkgOQOdr543Z5OqRpt5LgEz5nKSr/Pg==","signatures":[{"sig":"MEUCIAooep3KxQc4XL/XLI9fNghPQGYybxMdC7CEF8r8xu+mAiEAwUdacruhkdAbfEljw497g53mHqwBNeI5adpmy4hjbnI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":39505},"main":"dist/index.umd.js","types":"dist/types/index.d.ts","module":"dist/index.mjs","gitHead":"932e0a6c8916ed46bf1f20b616925f2e96f000d1","scripts":{"dev":"vite","build":"vite build && tsc --emitDeclarationOnly","prepublishOnly":"npm run build"},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"_npmVersion":"10.9.2","description":"Um botão animado com suporte a ícone, hover e integração com Styled Components, Framer Motion e React Router DOM.","directories":{},"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","typescript":"^5.0.0","@types/react":"^19.1.4","@vitejs/plugin-react":"^4.4.1"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_1.0.7_1747252082246_0.5221869408968485","host":"s3://npm-registry-packages-npm-production"}},"1.0.9":{"name":"dynamix-button","version":"1.0.9","author":{"name":"Ramon Garcia"},"license":"MIT","_id":"dynamix-button@1.0.9","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"058b5b0bef23c5cc77bedefab4592ae5fdf0a7f2","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-1.0.9.tgz","fileCount":14,"integrity":"sha512-2r3CPKbrfPgYckYJzrb2lgRUSgj/SbzLlrercP+67zSbAnkO2vyTfJVEI83epQr9nwrPw5JhohyCKnmzw8BvDw==","signatures":[{"sig":"MEQCICTLx9a2pFxu204rbllHn8nELPpD+92yFCt+4tP19cuZAiAygHiksFXVLQxelbxjD8h3LxMgXWZe3XoppkNwju4NLA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":27963},"main":"dist/index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/dynamix-button.esm.js","engines":{"node":">=10"},"gitHead":"40b1cd0c4935eacff29c31bb1f9a99b844cccfcb","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","deploy":"npm version patch && npm publish --access public","analyze":"size-limit --why","prepare":"tsdx build"},"typings":"dist/index.d.ts","_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"prettier":{"semi":true,"printWidth":80,"singleQuote":true,"trailingComma":"es5"},"size-limit":[{"path":"dist/dynamix-button.cjs.production.min.js","limit":"10 KB"},{"path":"dist/dynamix-button.esm.js","limit":"10 KB"}],"_npmVersion":"10.9.2","description":"Congrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.","directories":{},"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"devDependencies":{"tsdx":"^0.14.1","husky":"^9.1.7","react":"^19.1.0","tslib":"^2.8.1","react-dom":"^19.1.0","size-limit":"^11.2.0","typescript":"^3.9.10","@types/react":"^19.1.4","@types/react-dom":"^19.1.5","@size-limit/preset-small-lib":"^11.2.0"},"peerDependencies":{"react":">=16","react-dom":">=16"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_1.0.9_1747270153345_0.4670249500863599","host":"s3://npm-registry-packages-npm-production"}},"1.0.10":{"name":"dynamix-button","version":"1.0.10","author":{"name":"Ramon Garcia"},"license":"MIT","_id":"dynamix-button@1.0.10","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"d4f5e53ee0653ccc0da8fed52aa36d7b5bfb3ca6","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-1.0.10.tgz","fileCount":14,"integrity":"sha512-y9SGc5GTxHdRnGG/OrWudPxgpQNdbetLfa9Frwkkjz7Jl3DCehbsiFQtjwFB1G2ZZQepjXBypb/4T8YfUMrZtg==","signatures":[{"sig":"MEUCIAEFV1OBwIhgQppCA44GC6Jp99KuhFRDnqaNkDl9CD7tAiEAyjOecLd3detEf8DDjxDzR333tlFeNx3SRHiRtt89qGc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":22645},"main":"dist/index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/dynamix-button.esm.js","engines":{"node":">=10"},"gitHead":"10a55960e7a43ce2ba40853ca56064c444329679","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","deploy":"npm version patch && npm publish --access public","analyze":"size-limit --why","prepare":"tsdx build"},"typings":"dist/index.d.ts","_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"prettier":{"semi":true,"printWidth":80,"singleQuote":true,"trailingComma":"es5"},"size-limit":[{"path":"dist/dynamix-button.cjs.production.min.js","limit":"10 KB"},{"path":"dist/dynamix-button.esm.js","limit":"10 KB"}],"_npmVersion":"10.9.2","description":"**Dynamix Button** é um componente de botão personalizável em React","directories":{},"_nodeVersion":"22.15.0","_hasShrinkwrap":false,"devDependencies":{"tsdx":"^0.14.1","husky":"^9.1.7","react":"^19.1.0","tslib":"^2.8.1","react-dom":"^19.1.0","size-limit":"^11.2.0","typescript":"^3.9.10","@types/react":"^19.1.4","@types/react-dom":"^19.1.5","@size-limit/preset-small-lib":"^11.2.0"},"peerDependencies":{"react":">=16","react-dom":">=16"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_1.0.10_1747270745562_0.6659403445327883","host":"s3://npm-registry-packages-npm-production"}},"1.0.11":{"name":"dynamix-button","version":"1.0.11","author":{"name":"Ramon Garcia"},"license":"MIT","_id":"dynamix-button@1.0.11","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"4eb1ed7fd9f5b324ed59364063c0beb8adb5ac07","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-1.0.11.tgz","fileCount":14,"integrity":"sha512-A5isp9j1HhZHiP/cpOaaIBsL3tQfzbfjEz/42YMURtyri9MIurkDy94ftb3IdNgxnOA/vHkiOqT4vcW4wntSxw==","signatures":[{"sig":"MEUCIAR5wngp+gzaf2Utf8ghby4kJUzq4x39TQsIjAGCkKkpAiEA34TOJeK1iosljkqgNU9Q8bKO3nGGHTPkEGeDtHlmwmk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":80682},"main":"dist/index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/dynamix-button.esm.js","engines":{"node":">=10"},"gitHead":"2c348ab72fc3aebc7be39735ade5e142cb2fe5bb","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","deploy":"npm version patch && npm publish --access public","analyze":"size-limit --why","prepare":"tsdx build"},"typings":"dist/index.d.ts","_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"prettier":{"semi":true,"printWidth":80,"singleQuote":true,"trailingComma":"es5"},"size-limit":[{"path":"dist/dynamix-button.cjs.production.min.js","limit":"10 KB"},{"path":"dist/dynamix-button.esm.js","limit":"10 KB"}],"_npmVersion":"11.1.0","description":"**Dynamix Button** é um componente de botão personalizável em React","directories":{},"_nodeVersion":"22.14.0","_hasShrinkwrap":false,"devDependencies":{"tsdx":"^0.14.1","husky":"^9.1.7","react":"^19.1.0","tslib":"^2.8.1","react-dom":"^19.1.0","size-limit":"^11.2.0","typescript":"^3.9.10","@types/react":"^19.1.4","@types/react-dom":"^19.1.5","@size-limit/preset-small-lib":"^11.2.0"},"peerDependencies":{"react":">=16","react-dom":">=16"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_1.0.11_1747290641471_0.9436380049233817","host":"s3://npm-registry-packages-npm-production"}},"1.0.12":{"name":"dynamix-button","version":"1.0.12","author":{"name":"Ramon Garcia"},"license":"MIT","_id":"dynamix-button@1.0.12","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"dist":{"shasum":"5eb7585de14e04fc6010f1cb98fa3d2ac286e248","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-1.0.12.tgz","fileCount":15,"integrity":"sha512-WtXDlmtZTPvdJzgcNi/ds64TlvX6OjZmz+sxc1/yHcCT/ZY+MPlV/dJ+kYeSPgzm0ihH2icLL+pBDyFJQsxoFg==","signatures":[{"sig":"MEUCIGQEct56muEnnIPvjGioJ4TgbOn+QRvXrbCLmv5ohkC/AiEA3KlDky1IvK15qmSr0eQHqN1Ih/byyE8Tzw0GQcorjos=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4037474},"main":"dist/index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/dynamix-button.esm.js","engines":{"node":">=10"},"gitHead":"0585bfe1ad922fbe2a11ea5b80829a9c7d21aa37","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","deploy":"npm version patch && npm publish --access public","analyze":"size-limit --why","prepare":"tsdx build"},"typings":"dist/index.d.ts","_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"prettier":{"semi":true,"printWidth":80,"singleQuote":true,"trailingComma":"es5"},"size-limit":[{"path":"dist/dynamix-button.cjs.production.min.js","limit":"10 KB"},{"path":"dist/dynamix-button.esm.js","limit":"10 KB"}],"_npmVersion":"11.1.0","description":"Uma biblioteca React para botões personalizáveis, expandíveis e com alta usabilidade.","directories":{},"_nodeVersion":"22.14.0","_hasShrinkwrap":false,"devDependencies":{"tsdx":"^0.14.1","husky":"^9.1.7","react":"^19.1.0","tslib":"^2.8.1","react-dom":"^19.1.0","size-limit":"^11.2.0","typescript":"^3.9.10","@types/react":"^19.1.4","@types/react-dom":"^19.1.5","@size-limit/preset-small-lib":"^11.2.0"},"peerDependencies":{"react":">=16","react-dom":">=16"},"_npmOperationalInternal":{"tmp":"tmp/dynamix-button_1.0.12_1747294518835_0.8078189308822161","host":"s3://npm-registry-packages-npm-production"}},"1.0.13":{"version":"1.0.13","license":"MIT","main":"dist/index.js","typings":"dist/index.d.ts","engines":{"node":">=10"},"scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test --passWithNoTests","lint":"tsdx lint","prepare":"tsdx build","size":"size-limit","analyze":"size-limit --why","deploy":"npm version patch && npm publish --access public"},"peerDependencies":{"react":">=16","react-dom":">=16"},"husky":{"hooks":{"pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"name":"dynamix-button","author":{"name":"Ramon Garcia"},"module":"dist/dynamix-button.esm.js","size-limit":[{"path":"dist/dynamix-button.cjs.production.min.js","limit":"10 KB"},{"path":"dist/dynamix-button.esm.js","limit":"10 KB"}],"devDependencies":{"@size-limit/preset-small-lib":"^11.2.0","@types/react":"^19.1.4","@types/react-dom":"^19.1.5","husky":"^9.1.7","react":"^19.1.0","react-dom":"^19.1.0","size-limit":"^11.2.0","tsdx":"^0.14.1","tslib":"^2.8.1","typescript":"^3.9.10"},"_id":"dynamix-button@1.0.13","gitHead":"6e9aa43d3b1dc8ebf3ff175cf98dc68a69757013","description":"A customizable, expandable, and highly usable button library for React.","_nodeVersion":"22.14.0","_npmVersion":"11.1.0","dist":{"integrity":"sha512-i2KGnPEXLbWhZKarNiJLkhSTKa0KrEpwEa5psCBtb8xunSfrhmbVC1zkBMHFFr/pQ/pSAZRj/Q8Z5m4XF9rQCQ==","shasum":"aed84e9fd890ed8f4a89daa8dddbe4d021df4c1a","tarball":"https://registry.npmjs.org/dynamix-button/-/dynamix-button-1.0.13.tgz","fileCount":15,"unpackedSize":1608685,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCNvSdpBKF9QoTefrjt+quE20enmoyegQIoMoTtIPfyCwIgA8eTdl19kTBJpMml7rimzqvMkzqKR/iSUI5glmifelo="}]},"_npmUser":{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"},"directories":{},"maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/dynamix-button_1.0.13_1747636276289_0.4103466668153346"},"_hasShrinkwrap":false}},"time":{"created":"2025-05-14T07:03:44.980Z","modified":"2025-05-19T06:31:16.778Z","0.0.0":"2025-05-14T07:03:45.231Z","0.1.0":"2025-05-14T07:11:32.045Z","0.2.0":"2025-05-14T07:28:38.420Z","0.3.0":"2025-05-14T07:32:40.304Z","0.4.1":"2025-05-14T07:46:47.976Z","0.5.0":"2025-05-14T08:06:46.727Z","0.5.1":"2025-05-14T08:16:57.183Z","0.5.2":"2025-05-14T08:19:27.892Z","0.5.3":"2025-05-14T08:22:24.867Z","0.5.4":"2025-05-14T18:15:13.099Z","0.6.0":"2025-05-14T18:39:41.186Z","0.6.1":"2025-05-14T18:43:00.425Z","0.6.2":"2025-05-14T18:51:18.844Z","0.6.3":"2025-05-14T18:53:27.018Z","0.6.4":"2025-05-14T19:02:30.998Z","0.6.5":"2025-05-14T19:10:12.701Z","1.0.0":"2025-05-14T19:14:59.337Z","1.0.1":"2025-05-14T19:16:38.059Z","1.0.2":"2025-05-14T19:24:57.452Z","1.0.3":"2025-05-14T19:31:08.655Z","1.0.4":"2025-05-14T19:33:52.850Z","1.0.5":"2025-05-14T19:37:28.548Z","1.0.6":"2025-05-14T19:40:40.563Z","1.0.7":"2025-05-14T19:48:02.415Z","1.0.9":"2025-05-15T00:49:13.519Z","1.0.10":"2025-05-15T00:59:05.748Z","1.0.11":"2025-05-15T06:30:41.732Z","1.0.12":"2025-05-15T07:35:19.046Z","1.0.13":"2025-05-19T06:31:16.576Z"},"author":{"name":"Ramon Garcia"},"license":"MIT","description":"A customizable, expandable, and highly usable button library for React.","maintainers":[{"name":"ramonexe","email":"ramonsantos.g@hotmail.com"}],"readme":"\n# Advanced React Button\n\nA customizable, expandable, and highly usable button library for React.\n\n[![NPM Version](https://img.shields.io/npm/v/dynamix-button.svg)](https://www.npmjs.com/package/dynamix-button)\n[![License](https://img.shields.io/npm/l/dynamix-button.svg)](https://github.com/ramonexe/dynamix-button/blob/main/LICENSE)\n\n![Button example](https://raw.githubusercontent.com/ramonexe/dynamix-button/refs/heads/develop/src/assets/demo.gif)\n\n## Features\n\n- ✨ **Hover Expansion** - Buttons with icons expand to show text on hover\n- 🎨 **Full Customization** - Sizes, variants, colors, and icon positioning\n- 📱 **Responsive** - Adaptive design for various devices\n- ♿ **Accessible** - ARIA support and high contrast\n- 🔄 **Loading State** - Integrated spinner with optional text\n- 🛠️ **Easy to Use** - Simple and intuitive API\n\n## Basic Usage\n\n```jsx\nimport React from 'react';\nimport { Button } from 'dynamix-button';\nimport { Heart } from 'lucide-react'; // or any icon library\n\nfunction App() {\n  return (\n    <div>\n      {/* Basic button */}\n      <Button onClick={() => alert('Clicked!')}>\n        Click here\n      </Button>\n      \n      {/* Button with icon - expands on hover */}\n      <Button icon={<Heart />}>\n        Favorite\n      </Button>\n    </div>\n  );\n}\n```\n\n## API\n\n### Component Props\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `children` | ReactNode | - | Button content (text) |\n| `icon` | ReactNode | - | Icon to be displayed on the button |\n| `onClick` | () => void | - | Function called on button click |\n| `size` | 'sm' \\| 'md' \\| 'lg' | 'md' | Button size |\n| `variant` | 'primary' \\| 'secondary' \\| 'outline' \\| 'ghost' \\| 'danger' | 'primary' | Button style |\n| `iconPosition` | 'left' \\| 'right' | 'left' | Icon positioning |\n| `alwaysShowText` | boolean | false | Always show text |\n| `fullWidth` | boolean | false | Whether the button should be full width |\n| `disabled` | boolean | false | Whether the button is disabled |\n| `loading` | boolean | false | Whether the button is in loading state |\n| `loadingText` | string | - | Text to display while loading |\n| `title` | string | - | Title attribute for tooltip and accessibility |\n| `ariaLabel` | string | - | ARIA label for accessibility |\n| `backgroundColor` | string | - | Custom background color |\n| `hoverBackgroundColor` | string | - | Background color on hover |\n| `activeBackgroundColor` | string | - | Background color on click |\n| `textColor` | string | - | Text color |\n| `borderColor` | string | - | Border color |\n\n## Advanced Examples\n\n### Different Variants\n\n```jsx\n<Button variant=\"primary\">Primary</Button>\n<Button variant=\"secondary\">Secondary</Button>\n<Button variant=\"outline\">Outline</Button>\n<Button variant=\"ghost\">Ghost</Button>\n<Button variant=\"danger\">Danger</Button>\n```\n\n### Different Sizes\n\n```jsx\n<Button size=\"sm\">Small</Button>\n<Button size=\"md\">Medium</Button>\n<Button size=\"lg\">Large</Button>\n```\n\n### Button with Icon (Hover Expansion)\n\n```jsx\nimport { Send } from 'lucide-react';\n\n// Icon on the left (default)\n<Button icon={<Send />}>Send</Button>\n\n// Icon on the right\n<Button icon={<Send />} iconPosition=\"right\">Send</Button>\n```\n\n### Loading State\n\n```jsx\n// Loading button with text\n<Button loading loadingText=\"Sending...\">Send</Button>\n\n// Loading button without text\n<Button loading>Send</Button>\n```\n\n### Custom Colors\n\n```jsx\n// Fully customized color button\n<Button \n  backgroundColor=\"#3498db\"\n  hoverBackgroundColor=\"#2980b9\"\n  activeBackgroundColor=\"#1c6ca1\"\n  textColor=\"#ffffff\"\n  borderColor=\"#2980b9\"\n>\n  Blue Button\n</Button>\n\n// Outline button with custom color\n<Button \n  variant=\"outline\"\n  textColor=\"#9b59b6\"\n  borderColor=\"#9b59b6\"\n  hoverBackgroundColor=\"rgba(155, 89, 182, 0.1)\"\n>\n  Purple Option\n</Button>\n```\n\n### Full Width Button\n\n```jsx\n<Button fullWidth>Full Width Button</Button>\n```\n\n### Disabled Button\n\n```jsx\n<Button disabled>Disabled Button</Button>\n```\n\n### Accessibility\n\n```jsx\n<Button \n  ariaLabel=\"Button to submit form\"\n  title=\"Click to submit the form\"\n>\n  Submit\n</Button>\n```\n\n## Expansion Behavior\n\nOne of the main features of this component is its expansion behavior on hover. When a button has an icon:\n\n1. Initially, only the icon is visible\n2. On hover, the button smoothly expands to show the text\n3. On mouse out, it collapses back to icon state\n\nThis behavior is ideal for interfaces with limited space, such as sidebars, toolbars, or compact menus.\n\n```jsx\nimport { Heart, Send, Settings, User } from 'lucide-react';\n\n// Toolbar with expandable buttons\n<div style={{ display: 'flex', gap: '8px' }}>\n  <Button icon={<Heart />}>Favorite</Button>\n  <Button icon={<Send />}>Send</Button>\n  <Button icon={<Settings />}>Settings</Button>\n  <Button icon={<User />}>Profile</Button>\n</div>\n```\n\n## Usage with Icon Libraries\n\nThe component is designed to work well with popular icon libraries:\n\n### Lucide React\n\n```jsx\nimport { Download } from 'lucide-react';\n\n<Button icon={<Download />}>Download</Button>\n```\n\n### React Icons\n\n```jsx\nimport { FiDownload } from 'react-icons/fi';\n\n<Button icon={<FiDownload />}>Download</Button>\n```\n\n### Material UI Icons\n\n```jsx\nimport DownloadIcon from '@mui/icons-material/Download';\n\n<Button icon={<DownloadIcon />}>Download</Button>\n```\n\n## Style Customization\n\nThe component automatically resizes icons according to the button size, ensuring a consistent and proportional appearance.\n\n## Contributing\n\nContributions are welcome! Feel free to open issues or submit pull requests.\n\n## License\n\nMIT © [ramonexe]","readmeFilename":"README.md"}