{"_id":"@amplydevteam/tooltip","_rev":"3-feee140113f93ba450d3c5bfe0c3b2c2","name":"@amplydevteam/tooltip","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.0":{"name":"@amplydevteam/tooltip","version":"0.0.0","keywords":["tooltip","popover","dropdown","webflow","typescript"],"author":"","license":"MIT","_id":"@amplydevteam/tooltip@0.0.0","maintainers":[{"name":"amplyteam","email":"dev@joinamply.com"}],"homepage":"https://github.com/amplydevelopment/tooltip-lib#readme","bugs":{"url":"https://github.com/amplydevelopment/tooltip-lib/issues"},"dist":{"shasum":"3c6207e2a9363efb46bcadd522e67c86c5f6b321","tarball":"https://registry.npmjs.org/@amplydevteam/tooltip/-/tooltip-0.0.0.tgz","fileCount":9,"integrity":"sha512-c9eigJ5qilH9Ff7ZMaxEBGNKrlr5rbLDHoiONGxoWEn8l4U1da7GLBrEG04LJvkiXWnTC2+/Iu5vZTP8icx4fQ==","signatures":[{"sig":"MEYCIQD1ML3HvozLLPrRg54fQiwUApYSBzzi3N4xglZ8sHroRgIhAJkOAV/iv4U5bhG1Ch7n+ibJE2KZ1aVwQ0dI3UmnPRNE","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1693472},"main":"dist/tooltip.js","type":"module","_from":"file:amplydevteam-tooltip-0.0.0.tgz","types":"dist/index.d.ts","module":"dist/tooltip.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/tooltip.js"},"./dist/tooltip.css":"./dist/tooltip.css"},"scripts":{"dev":"vite examples","build":"rollup -c","preview":"vite preview examples","release":"standard-version","typecheck":"tsc --noEmit","release:major":"standard-version --release-as major","release:minor":"standard-version --release-as minor","release:patch":"standard-version --release-as patch"},"_npmUser":{"name":"amplyteam","email":"dev@joinamply.com"},"_resolved":"/private/var/folders/h1/w5vqrb6x6r327855v7rdv0j00000gn/T/6d2e8e8d97abef69376c0d3113d1e474/amplydevteam-tooltip-0.0.0.tgz","_integrity":"sha512-c9eigJ5qilH9Ff7ZMaxEBGNKrlr5rbLDHoiONGxoWEn8l4U1da7GLBrEG04LJvkiXWnTC2+/Iu5vZTP8icx4fQ==","repository":{"url":"git+https://github.com/amplydevelopment/tooltip-lib.git","type":"git"},"_npmVersion":"10.9.0","description":"A zero-config, attribute-based tooltip library for Webflow","directories":{},"_nodeVersion":"23.3.0","dependencies":{"zod":"^4.3.5","tippy.js":"^6.3.7"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.12","tslib":"^2.8.1","rollup":"^4.9.6","typescript":"^5.9.3","@types/node":"^25.0.6","standard-version":"^9.5.0","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-typescript":"^12.3.0","@rollup/plugin-node-resolve":"^15.2.3"},"_npmOperationalInternal":{"tmp":"tmp/tooltip_0.0.0_1768210988908_0.536197213927172","host":"s3://npm-registry-packages-npm-production"}},"0.0.1":{"name":"@amplydevteam/tooltip","version":"0.0.1","keywords":["tooltip","popover","dropdown","webflow","typescript"],"author":"","license":"MIT","_id":"@amplydevteam/tooltip@0.0.1","maintainers":[{"name":"amplyteam","email":"dev@joinamply.com"}],"homepage":"https://github.com/amplydevelopment/tooltip-lib#readme","bugs":{"url":"https://github.com/amplydevelopment/tooltip-lib/issues"},"dist":{"shasum":"df19f20a2b14cdb6a0bbe0cdf5cd5030c178e6c2","tarball":"https://registry.npmjs.org/@amplydevteam/tooltip/-/tooltip-0.0.1.tgz","fileCount":9,"integrity":"sha512-fZH/30nQF0nhpm/+OrV2LXF4jLsT+CkDfoiLlAhy1TiNuCTm3cOFNpT67nfcH+u4zQliv00wWF/ZVnNkckNSrA==","signatures":[{"sig":"MEYCIQDRr/d6meyzFC5Zb4vSZccy0wyZduQNUOuhFWwemK1WcwIhAKzRX3NQOaxhjRcNMAyscr2eygASDr/VYzw8/EI+e/Fj","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1693472},"main":"dist/tooltip.js","type":"module","_from":"file:amplydevteam-tooltip-0.0.1.tgz","types":"dist/index.d.ts","module":"dist/tooltip.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/tooltip.js"},"./dist/tooltip.css":"./dist/tooltip.css"},"scripts":{"dev":"vite examples","build":"rollup -c","preview":"vite preview examples","release":"standard-version","typecheck":"tsc --noEmit","release:major":"standard-version --release-as major","release:minor":"standard-version --release-as minor","release:patch":"standard-version --release-as patch"},"_npmUser":{"name":"amplyteam","email":"dev@joinamply.com"},"_resolved":"/private/var/folders/h1/w5vqrb6x6r327855v7rdv0j00000gn/T/19e9d9229e2c41b6ee7cfa66c1545375/amplydevteam-tooltip-0.0.1.tgz","_integrity":"sha512-fZH/30nQF0nhpm/+OrV2LXF4jLsT+CkDfoiLlAhy1TiNuCTm3cOFNpT67nfcH+u4zQliv00wWF/ZVnNkckNSrA==","repository":{"url":"git+https://github.com/amplydevelopment/tooltip-lib.git","type":"git"},"_npmVersion":"10.9.0","description":"A zero-config, attribute-based tooltip library for Webflow","directories":{},"_nodeVersion":"23.3.0","dependencies":{"zod":"^4.3.5","tippy.js":"^6.3.7"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.12","tslib":"^2.8.1","rollup":"^4.9.6","typescript":"^5.9.3","@types/node":"^25.0.6","standard-version":"^9.5.0","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-typescript":"^12.3.0","@rollup/plugin-node-resolve":"^15.2.3"},"_npmOperationalInternal":{"tmp":"tmp/tooltip_0.0.1_1768211155639_0.6962271453999194","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@amplydevteam/tooltip","version":"0.0.2","description":"A zero-config, attribute-based tooltip library for Webflow","type":"module","main":"dist/tooltip.js","module":"dist/tooltip.js","types":"dist/index.d.ts","exports":{".":{"import":"./dist/tooltip.js","types":"./dist/index.d.ts"},"./dist/tooltip.css":"./dist/tooltip.css"},"keywords":["tooltip","popover","dropdown","webflow","typescript"],"author":"","license":"MIT","repository":{"type":"git","url":"git+https://github.com/amplydevelopment/tooltip-lib.git"},"bugs":{"url":"https://github.com/amplydevelopment/tooltip-lib/issues"},"homepage":"https://github.com/amplydevelopment/tooltip-lib#readme","dependencies":{"tippy.js":"^6.3.7","zod":"^4.3.5"},"devDependencies":{"@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-replace":"^6.0.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^12.3.0","@types/node":"^25.0.6","rollup":"^4.9.6","rollup-plugin-postcss":"^4.0.2","standard-version":"^9.5.0","tslib":"^2.8.1","typescript":"^5.9.3","vite":"^5.0.12"},"scripts":{"dev":"vite examples","build":"rollup -c","typecheck":"tsc --noEmit","preview":"vite preview examples","release":"standard-version","release:patch":"standard-version --release-as patch","release:minor":"standard-version --release-as minor","release:major":"standard-version --release-as major"},"_id":"@amplydevteam/tooltip@0.0.2","_integrity":"sha512-jEkss+iFqw8eZyCGhXDI5d8SErte/b1TM7J10UC0bKkJW7J4+DurogWRFPTd06VvR1+PO034yOHctDdVZ7WvvA==","_resolved":"/private/var/folders/h1/w5vqrb6x6r327855v7rdv0j00000gn/T/f3b4158102576199664ff7e2d948d2ee/amplydevteam-tooltip-0.0.2.tgz","_from":"file:amplydevteam-tooltip-0.0.2.tgz","_nodeVersion":"23.3.0","_npmVersion":"10.9.0","dist":{"integrity":"sha512-jEkss+iFqw8eZyCGhXDI5d8SErte/b1TM7J10UC0bKkJW7J4+DurogWRFPTd06VvR1+PO034yOHctDdVZ7WvvA==","shasum":"d20a067186934355954bdac7fd9c158249343a27","tarball":"https://registry.npmjs.org/@amplydevteam/tooltip/-/tooltip-0.0.2.tgz","fileCount":9,"unpackedSize":1675805,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIELWV/pir9wqUc9z8vSH2Qlx6Cq7oY75MdCI9w02LzEaAiEAwSYKw1cG9QLJMrSwMjIxwBeVqBcD7I5mkxJ17A5FTKo="}]},"_npmUser":{"name":"amplyteam","email":"dev@joinamply.com"},"directories":{},"maintainers":[{"name":"amplyteam","email":"dev@joinamply.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tooltip_0.0.2_1768217721961_0.5292260245069014"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-12T09:43:08.791Z","modified":"2026-01-12T11:35:22.449Z","0.0.0":"2026-01-12T09:43:09.107Z","0.0.1":"2026-01-12T09:45:55.816Z","0.0.2":"2026-01-12T11:35:22.232Z"},"bugs":{"url":"https://github.com/amplydevelopment/tooltip-lib/issues"},"license":"MIT","homepage":"https://github.com/amplydevelopment/tooltip-lib#readme","keywords":["tooltip","popover","dropdown","webflow","typescript"],"repository":{"type":"git","url":"git+https://github.com/amplydevelopment/tooltip-lib.git"},"description":"A zero-config, attribute-based tooltip library for Webflow","maintainers":[{"name":"amplyteam","email":"dev@joinamply.com"}],"readme":"# Amply Tooltip\n\nA zero-config, attribute-based tooltip library for Webflow.\n\n## Installation\n\n### CDN (Webflow)\n\nAdd to your project's custom code:\n\n```html\n<!-- In <head> -->\n<link\n  rel=\"stylesheet\"\n  href=\"https://unpkg.com/@amplydevteam/tooltip/dist/tooltip.css\"\n/>\n\n<!-- Before </body> -->\n<script\n  type=\"module\"\n  src=\"https://unpkg.com/@amplydevteam/tooltip/dist/tooltip.js\"\n></script>\n```\n\n### NPM\n\n```bash\nnpm install @amplydevteam/tooltip\n```\n\n```javascript\nimport \"@amplydevteam/tooltip\";\n```\n\n## Usage\n\nJust add attributes to any element. Tooltips auto-initialize on page load.\n\n```html\n<button amply-tooltip amply-tooltip-text=\"Hello!\">\n  Hover me\n</button>\n```\n\n## Attributes\n\n### Core\n\n| Attribute            | Description                     | Example                                      |\n| -------------------- | ------------------------------- | -------------------------------------------- |\n| `amply-tooltip`      | Marks element as tooltip target | `amply-tooltip`                              |\n| `amply-tooltip-text` | Plain text content              | `amply-tooltip-text=\"Hello\"`                 |\n| `amply-tooltip-html` | HTML content (entities decoded) | `amply-tooltip-html=\"<strong>Bold</strong>\"` |\n\n> **Note:** HTML entities in `amply-tooltip-html` are automatically decoded for safety.\n> Use `&quot;` for quotes, `&lt;` for `<`, `&gt;` for `>`.\n>\n> ```html\n> <!-- Safe way to include quotes -->\n> <button amply-tooltip-html='Say \"Hello\"'>Hover</button>\n> ```\n\n### Position\n\n| Attribute                 | Values                                                                                                                                       | Default |\n| ------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | ------- |\n| `amply-tooltip-placement` | `top`, `top-start`, `top-end`, `bottom`, `bottom-start`, `bottom-end`, `left`, `left-start`, `left-end`, `right`, `right-start`, `right-end` | `top`   |\n| `amply-tooltip-offset`    | `0` - `100` (pixels)                                                                                                                         | `10`    |\n\n### Appearance\n\n| Attribute                 | Values                 | Default |\n| ------------------------- | ---------------------- | ------- |\n| `amply-tooltip-theme`     | `dark`, `light`        | `dark`  |\n| `amply-tooltip-arrow`     | `true`, `false`        | `true`  |\n| `amply-tooltip-max-width` | `50` - `1000` (pixels) | `350`   |\n\n### Animation\n\n| Attribute                 | Values                                        | Default |\n| ------------------------- | --------------------------------------------- | ------- |\n| `amply-tooltip-animation` | `fade`, `scale`, `shift-away`, `shift-toward` | `fade`  |\n| `amply-tooltip-duration`  | `0` - `2000` (ms)                             | `200`   |\n| `amply-tooltip-delay`     | `0` - `5000` (ms)                             | `0`     |\n\n### Behavior\n\n| Attribute                     | Values                              | Default |\n| ----------------------------- | ----------------------------------- | ------- |\n| `amply-tooltip-trigger`       | `hover`, `click`, `focus`, `manual` | `hover` |\n| `amply-tooltip-interactive`   | `true`, `false`                     | `false` |\n| `amply-tooltip-hide-on-click` | `true`, `false`                     | `true`  |\n\n## Examples\n\n### Basic\n\n```html\n<button amply-tooltip amply-tooltip-text=\"Simple tooltip\">\n  Hover me\n</button>\n```\n\n### Positioned\n\n```html\n<button\n  amply-tooltip\n  amply-tooltip-text=\"I'm on the bottom!\"\n  amply-tooltip-placement=\"bottom\"\n>\n  Bottom tooltip\n</button>\n```\n\n### Styled\n\n```html\n<button\n  amply-tooltip\n  amply-tooltip-text=\"Light theme tooltip\"\n  amply-tooltip-theme=\"light\"\n  amply-tooltip-animation=\"scale\"\n>\n  Light & animated\n</button>\n```\n\n### Click trigger\n\n```html\n<button\n  amply-tooltip\n  amply-tooltip-text=\"Click to toggle!\"\n  amply-tooltip-trigger=\"click\"\n>\n  Click me\n</button>\n```\n\n### Interactive with HTML\n\n```html\n<span\n  amply-tooltip\n  amply-tooltip-html=\"<strong>Rich</strong> content with <em>HTML</em>\"\n  amply-tooltip-interactive=\"true\"\n  amply-tooltip-max-width=\"200\"\n>\n  Hover for details\n</span>\n```\n\n### Custom timing\n\n```html\n<button\n  amply-tooltip\n  amply-tooltip-text=\"Delayed and slow\"\n  amply-tooltip-delay=\"500\"\n  amply-tooltip-duration=\"400\"\n>\n  Slow reveal\n</button>\n```\n\n## JavaScript API\n\nFor advanced use cases, you can control tooltips programmatically:\n\n```javascript\nimport tooltip, {\n  initTooltip,\n  destroyTooltip,\n  refreshTooltip,\n  decodeHtmlEntities,\n} from \"@amplydevteam/tooltip\";\n\n// Re-initialize all tooltips (e.g., after dynamic content load)\ntooltip.init();\n\n// Initialize a specific element\ninitTooltip(document.querySelector(\"#my-button\"));\n\n// Destroy tooltip on element\ndestroyTooltip(document.querySelector(\"#my-button\"));\n\n// Refresh tooltip (re-read attributes)\nrefreshTooltip(document.querySelector(\"#my-button\"));\n\n// Destroy all tooltips\ntooltip.destroyAllTooltips();\n\n// Decode HTML entities (utility)\ndecodeHtmlEntities(\"&lt;b&gt;Bold&lt;/b&gt;\"); // → \"<b>Bold</b>\"\n```\n\n## Validation\n\nOptions are validated with Zod. Invalid values are logged to console with helpful error messages.\n\n```javascript\nimport {\n  validateOptions,\n  schemas,\n} from \"@amplydevteam/tooltip\";\n\n// Validate options programmatically\nconst result = validateOptions({\n  text: \"Hello\",\n  placement: \"top\",\n  duration: 200,\n});\n\nif (result.success) {\n  console.log(result.data);\n} else {\n  console.error(result.error);\n}\n\n// Access schemas for custom validation\nconst { PlacementSchema, AnimationSchema } = schemas;\n```\n\n## Development\n\n```bash\n# Install dependencies\npnpm install\n\n# Start dev server\npnpm dev\n\n# Build for production\npnpm build\n```\n\n## Release\n\n```bash\n# Create release (version bump + changelog + git tag)\npnpm run release\n\n# Push with tags\ngit push --follow-tags origin main\n\n# Publish to npm\npnpm publish\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md"}