{"_id":"@boutlastweek/signature","name":"@boutlastweek/signature","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@boutlastweek/signature","version":"0.1.0","description":"Made by BOUT LAST WEEK — a signature component with shiny text animation","author":{"name":"BOUT LAST WEEK"},"license":"MIT","type":"module","main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs","types":"./dist/index.d.ts"},"./dist/style.css":"./dist/style.css"},"scripts":{"build":"vite build","dev":"vite build --watch","preview:app":"vite --config vite.preview.config.ts"},"peerDependencies":{"react":">=18","react-dom":">=18","motion":">=11"},"devDependencies":{"@types/react":"^18.3.12","@types/react-dom":"^18.3.1","@vitejs/plugin-react":"^4.3.3","motion":"^11.11.13","react":"^18.3.1","react-dom":"^18.3.1","typescript":"^5.6.3","vite":"^5.4.10","vite-plugin-dts":"^4.3.0"},"_id":"@boutlastweek/signature@0.1.0","_nodeVersion":"18.0.0","_npmVersion":"8.6.0","dist":{"integrity":"sha512-OuKNRR/gBVdIGwmgdU/jFjig8IRPqxhNMClNURtsbX8T0n9SC4uU5S7eVv/HC00EBqxRsN6g0SiQmISz6DrWeg==","shasum":"6ba809555f819b98a48edbacb563ca7960302f7a","tarball":"https://registry.npmjs.org/@boutlastweek/signature/-/signature-0.1.0.tgz","fileCount":8,"unpackedSize":10145,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIFG35vqUYGgjRPo+pcIkYjQhXtve9eTAiVRjCQ+3P+VZAiBJAgLK32eW8FzOYft1Da02nyMK0X38QqIa67SK/gJ7vg=="}]},"_npmUser":{"name":"dietervanhove","email":"dieter.vanhove@boutlastweek.com"},"directories":{},"maintainers":[{"name":"dietervanhove","email":"dieter.vanhove@boutlastweek.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/signature_0.1.0_1773076533687_0.03921282963332384"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-09T17:15:33.558Z","0.1.0":"2026-03-09T17:15:33.844Z","modified":"2026-03-09T17:15:34.038Z"},"maintainers":[{"name":"dietervanhove","email":"dieter.vanhove@boutlastweek.com"}],"description":"Made by BOUT LAST WEEK — a signature component with shiny text animation","author":{"name":"BOUT LAST WEEK"},"license":"MIT","readme":"# @boutlastweek/signature\n\nA lightweight React signature component — \"Made by **BOUT LAST WEEK**\" — with a shiny text animation. Drop it in your footer and you're done.\n\n## Install\n\n```bash\nnpm install @boutlastweek/signature\n```\n\n**Peer dependencies** (install if not already in your project):\n\n```bash\nnpm install react react-dom motion\n```\n\n## Usage\n\nImport the component and its stylesheet:\n\n```tsx\nimport { Signature } from '@boutlastweek/signature';\nimport '@boutlastweek/signature/dist/style.css';\n\nexport default function Footer() {\n  return (\n    <footer>\n      <Signature />\n    </footer>\n  );\n}\n```\n\n## Props\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `href` | `string \\| false` | `'https://boutlastweek.com'` | Link URL. Pass `false` to render without an anchor. |\n| `target` | `string` | `'_blank'` | Link target attribute. |\n| `color` | `string` | `'#b5b5b5'` | Text color for both \"Made by\" and \"BOUT LAST WEEK\". Works well on dark backgrounds by default. |\n| `shineColor` | `string` | `'#ffffff'` | Shine highlight color on the animated \"BOUT LAST WEEK\". |\n| `speed` | `number` | `3` | Animation duration in seconds. Lower = faster. |\n| `spread` | `number` | `120` | Gradient spread angle in degrees. |\n| `className` | `string` | `''` | Additional class name on the root element. |\n\n## Examples\n\n```tsx\n// Dark background (defaults)\n<Signature />\n\n// Light background\n<Signature color=\"#555555\" shineColor=\"#000000\" />\n\n// White background\n<Signature color=\"#888888\" shineColor=\"#111111\" />\n\n// Custom link\n<Signature href=\"https://yoursite.com\" />\n\n// No link\n<Signature href={false} />\n\n// Faster animation with custom shine\n<Signature speed={1} shineColor=\"#a78bfa\" />\n```\n\n## CSS import\n\nThe component requires its stylesheet to be imported once in your project:\n\n```ts\nimport '@boutlastweek/signature/dist/style.css';\n```\n\nIn **Next.js**, add it to your `_app.tsx` or `layout.tsx`. In **Vite**, add it to your `main.tsx`.\n\n---\n\nMade by **BOUT LAST WEEK**\n","readmeFilename":"README.md","_rev":"1-d59aed17dc41deb9aadaf8a7773b6f47"}