{"_id":"@antoineview/mist","name":"@antoineview/mist","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@antoineview/mist","version":"0.1.0","publishConfig":{"access":"public"},"description":"Apple Vision-style fluid blur text entry/exit animations.","type":"module","main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./react":{"types":"./dist/react.d.ts","import":"./dist/react.js","require":"./dist/react.cjs"}},"sideEffects":false,"scripts":{"dev":"vite","build":"vite build && tsc -p tsconfig.build.json --emitDeclarationOnly","build:demo":"vite build --config vite.demo.config.ts","typecheck":"tsc --noEmit","test":"vitest run","test:watch":"vitest"},"keywords":["blur","text","animation","fade","vision","react"],"author":{"name":"Antoine"},"license":"MIT","peerDependencies":{"react":">=17","react-dom":">=17"},"peerDependenciesMeta":{"react":{"optional":true},"react-dom":{"optional":true}},"devDependencies":{"@types/react":"^18.3.0","@types/react-dom":"^18.3.0","happy-dom":"^14.0.0","react":"^18.3.0","react-dom":"^18.3.0","typescript":"^5.5.0","vite":"^5.4.0","vitest":"^2.0.0"},"gitHead":"6d207ddf0d8720b28390275164d025e30d4cc706","_id":"@antoineview/mist@0.1.0","_nodeVersion":"25.8.2","_npmVersion":"11.11.1","dist":{"integrity":"sha512-QVlwrUxJgodrryxySSkPjijsCF46R38CYZNwuT+OR4fDka99z1MvygVXOOlVwZI1oBSlVyHX2fuGBZtH6vsBQw==","shasum":"ffe18913eaa4877c429b363ecffbce963632dd62","tarball":"https://registry.npmjs.org/@antoineview/mist/-/mist-0.1.0.tgz","fileCount":15,"unpackedSize":42849,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIAGoY6ExBvmmwRyf9JcGLcH7E/9a2GzPv6MrMrrkeOEJAiBxbtvF8muecQmlFvF73rCcHW05gIDamXgCbmuHCnVsKA=="}]},"_npmUser":{"name":"antoineview","email":"florals_thistle_3n@icloud.com"},"directories":{},"maintainers":[{"name":"antoineview","email":"florals_thistle_3n@icloud.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/mist_0.1.0_1777141230284_0.03577423012664771"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-25T18:20:30.155Z","0.1.0":"2026-04-25T18:20:30.436Z","modified":"2026-04-25T18:20:30.673Z"},"maintainers":[{"name":"antoineview","email":"florals_thistle_3n@icloud.com"}],"description":"Apple Vision-style fluid blur text entry/exit animations.","keywords":["blur","text","animation","fade","vision","react"],"author":{"name":"Antoine"},"license":"MIT","readme":"# mist\n\nApple Vision-style fluid blur animations for text entry / exit.\n\nFramework-agnostic core + a thin React wrapper. Uses the Web Animations API and native CSS `filter: blur()` so the compositor handles the heavy lifting.\n\n## Install\n\n```sh\nnpm install @antoineview/mist\n```\n\n## Vanilla usage\n\n```ts\nimport { Mist } from '@antoineview/mist';\n\nconst el = document.querySelector('h1')!;\nconst m = new Mist(el, {\n  split: 'word',\n  stagger: 60,\n  duration: 800,\n  blur: 20,\n  y: 12,\n});\n\nm.in();\nm.out();\nm.toggle();\nm.destroy();\n```\n\n## React usage\n\n```tsx\nimport { MistText } from '@antoineview/mist/react';\n\n<MistText text=\"A small thing, well-made, can change a day.\" split=\"word\" />\n```\n\n`react` and `react-dom` are peer dependencies.\n\n## Options\n\n| Option     | Type                            | Default                              |\n| ---------- | ------------------------------- | ------------------------------------ |\n| `split`    | `'word' \\| 'line' \\| 'char'`    | `'word'`                             |\n| `stagger`  | `number` (ms)                   | `60`                                 |\n| `duration` | `number` (ms)                   | `800`                                |\n| `blur`     | `number` (px)                   | `20`                                 |\n| `y`        | `number` (px)                   | `12`                                 |\n| `easing`   | `string`                        | `'cubic-bezier(0.22, 1, 0.36, 1)'`   |\n| `autoIn`   | `boolean`                       | `false`                              |\n\n## Licence\n\nMIT.\n","readmeFilename":"README.md","_rev":"1-f9850737eb48baea84ababb9612d22d1"}