{"_id":"@asnewyla/tooltip","name":"@asnewyla/tooltip","dist-tags":{"latest":"0.2.0"},"versions":{"0.2.0":{"name":"@asnewyla/tooltip","version":"0.2.0","description":"Styled tooltip built on @asnewyla/unstyled-tooltip — CSS positioning per side, theme-aware bubble","license":"MIT","repository":{"type":"git","url":"git+https://github.com/xavierDelaFuente/xd-components.git","directory":"packages/tooltip"},"publishConfig":{"access":"public"},"main":"dist/index.js","module":"dist/index.mjs","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./styles.css":"./dist/index.css"},"sideEffects":["*.css"],"keywords":["react","tooltip","styled","accessible"],"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"dependencies":{"@asnewyla/unstyled-tooltip":"0.2.0"},"devDependencies":{"@testing-library/jest-dom":"^6.4.0","@testing-library/react":"^16.0.0","@testing-library/user-event":"^14.5.0","@vitest/coverage-v8":"^2.0.0","jsdom":"^24.0.0","react":"^18.3.0","react-dom":"^18.3.0","tsup":"^8.1.0","typescript":"^5.5.0","vitest":"^2.0.0"},"scripts":{"build":"tsup","test":"vitest run","test:watch":"vitest","test:coverage":"vitest run --coverage","type-check":"tsc --noEmit"},"_nodeVersion":"24.19.0","_id":"@asnewyla/tooltip@0.2.0","dist":{"integrity":"sha512-1BUNRSW/RSdJUo6Lwwu7ysGMX0xJTEngujY2kcps8nt1p6t5B4YAZvggUAbfisS9eN6syas/2tOLGmvr2/18kw==","shasum":"c9dd37d503cc589b9f016880acec7518e4efa6ee","tarball":"https://registry.npmjs.org/@asnewyla/tooltip/-/tooltip-0.2.0.tgz","fileCount":11,"unpackedSize":17490,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIGObMNYXkJtbjCshyk5lfuqP8NmJt4N0rYgEpJlij2fcAiBWtOb2DwmFhAsyEpmg36+obVL4YSljkKCV2VC1ZCwS2g=="}]},"_npmUser":{"name":"asnewyla","email":"asnewyla@gmail.com"},"directories":{},"maintainers":[{"name":"asnewyla","email":"asnewyla@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tooltip_0.2.0_1788128079875_0.09178749768111061"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-30T22:14:39.711Z","0.2.0":"2026-08-30T22:14:40.041Z","modified":"2026-08-30T22:14:40.207Z"},"maintainers":[{"name":"asnewyla","email":"asnewyla@gmail.com"}],"description":"Styled tooltip built on @asnewyla/unstyled-tooltip — CSS positioning per side, theme-aware bubble","keywords":["react","tooltip","styled","accessible"],"repository":{"type":"git","url":"git+https://github.com/xavierDelaFuente/xd-components.git","directory":"packages/tooltip"},"license":"MIT","readme":"# @asnewyla/tooltip\n\nStyled tooltip built on `@asnewyla/unstyled-tooltip` — a theme-aware bubble,\nCSS positioning per side, no new props over the primitive.\n\n## Install\n\n```bash\nnpm install @asnewyla/tooltip\n```\n\n## Usage\n\n```tsx\nimport { Tooltip, TooltipTrigger, TooltipContent } from '@asnewyla/tooltip';\nimport '@asnewyla/tooltip/styles.css';\n\n<Tooltip>\n  <TooltipTrigger>\n    <button type=\"button\">Save</button>\n  </TooltipTrigger>\n  <TooltipContent side=\"bottom\">Saves your work automatically</TooltipContent>\n</Tooltip>\n```\n\nSame API as [`@asnewyla/unstyled-tooltip`](https://www.npmjs.com/package/@asnewyla/unstyled-tooltip)\n— `Tooltip` (`open`/`defaultOpen`/`onOpenChange`/`delay`), `TooltipTrigger`\n(clones its single child), `TooltipContent` (`side`). This package only adds\nthe `xd-tooltip-root` / `xd-tooltip` classes and their CSS.\n\n### Styling\n\nThe bubble is positioned absolutely against the trigger wrapper with an 8px\ngap and a small arrow, placed by `data-side`. There is no collision detection:\na `side` that runs off-screen stays off-screen — pick the side with room.\n\nColors invert against the page (`--xd-color-text` background, `--xd-color-surface`\ntext) and read from `@asnewyla/tokens` when present, with built-in fallbacks.\n\n```ts\nimport '@asnewyla/tokens/tokens.css'; // optional\nimport '@asnewyla/tooltip/styles.css'; // required\n```\n\n## License\n\nMIT\n","readmeFilename":"","_rev":"1-35fe666b52935b702cb0789e33ee066e"}