{"_id":"@blinn-motion/lit","_rev":"4-8aaf901a06c37638b4b6ee83cb6dbe0b","name":"@blinn-motion/lit","dist-tags":{"latest":"0.1.3"},"versions":{"0.1.0":{"name":"@blinn-motion/lit","version":"0.1.0","license":"MIT","_id":"@blinn-motion/lit@0.1.0","maintainers":[{"name":"gron371","email":"ismailyagci371@gmail.com"}],"homepage":"https://blinnmotion.com","bugs":{"url":"https://github.com/ismailyagci/blinn-motion/issues"},"dist":{"shasum":"da05f920dd9f4b6837b9a4f08ed9bc2f77743aa0","tarball":"https://registry.npmjs.org/@blinn-motion/lit/-/lit-0.1.0.tgz","fileCount":7,"integrity":"sha512-QSa6yKpyb4HYE4zCDGQAGNn71ZeCBli1hQ/EV8gGZK1MwEBvoBDSy+ikupL+efCQRRNqxNZ7VjoablTWhZvk/Q==","signatures":[{"sig":"MEUCIGqM8piRWRDBtysGIjOiXXcoT8ST6osIsQ5m1B2n6kXIAiEA3SYQ0LtRZNNVGfpKpO2aZG5FVuKRkwckhFE6YKK3M9M=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@blinn-motion%2flit@0.1.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":46176},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"2532aab4276d43f115627973bcd29cfcd0f95600","scripts":{"dev":"tsup --watch","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"gron371","email":"ismailyagci371@gmail.com"},"repository":{"url":"git+https://github.com/ismailyagci/blinn-motion.git","type":"git"},"_npmVersion":"10.9.8","description":"Blinn Motion Lit adapter — custom element for DOM/Canvas backends.","directories":{},"sideEffects":true,"_nodeVersion":"22.23.1","dependencies":{"@blinn-motion/dom":"^0.1.0","@blinn-motion/core":"^0.1.0","@blinn-motion/canvas":"^0.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"lit":"^3.2.1"},"peerDependencies":{"lit":">=3"},"_npmOperationalInternal":{"tmp":"tmp/lit_0.1.0_1784220070533_0.7848605396668729","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@blinn-motion/lit","version":"0.1.1","license":"MIT","_id":"@blinn-motion/lit@0.1.1","maintainers":[{"name":"gron371","email":"ismailyagci371@gmail.com"}],"homepage":"https://blinnmotion.com","bugs":{"url":"https://github.com/ismailyagci/blinn-motion/issues"},"dist":{"shasum":"b1e264fb656608105bf37cc1fc4590ce6b0a0e65","tarball":"https://registry.npmjs.org/@blinn-motion/lit/-/lit-0.1.1.tgz","fileCount":7,"integrity":"sha512-0X+ZvEQJuPVxryL7QjWRD8jM4uumnUs3Zr4D6wt3oyJCEXwJAsMsVW4i00gltMGAANi13PVjBnCtvlMmkKFzxg==","signatures":[{"sig":"MEUCIAelyaDXUK0ecEFQ084maeQxl4vjhmn01jyfGQAtJOyPAiEAvFq+2Z9M63tG/+ZxxAH2e7Mv+dSgvXDzF0KhjxsKPj0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@blinn-motion%2flit@0.1.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":46176},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"befca5fac3e3f011f219a040b6cf69eff138bdf4","scripts":{"dev":"tsup --watch","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"gron371","email":"ismailyagci371@gmail.com"},"repository":{"url":"git+https://github.com/ismailyagci/blinn-motion.git","type":"git"},"_npmVersion":"10.9.8","description":"Blinn Motion Lit adapter — custom element for DOM/Canvas backends.","directories":{},"sideEffects":true,"_nodeVersion":"22.23.1","dependencies":{"@blinn-motion/dom":"^0.1.1","@blinn-motion/core":"^0.1.1","@blinn-motion/canvas":"^0.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"lit":"^3.2.1"},"peerDependencies":{"lit":">=3"},"_npmOperationalInternal":{"tmp":"tmp/lit_0.1.1_1784223390148_0.13258486626692134","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@blinn-motion/lit","version":"0.1.2","license":"MIT","_id":"@blinn-motion/lit@0.1.2","maintainers":[{"name":"gron371","email":"ismailyagci371@gmail.com"}],"homepage":"https://blinnmotion.com","bugs":{"url":"https://github.com/ismailyagci/blinn-motion/issues"},"dist":{"shasum":"42bffaf31dacdbcfb81971f0660d6bd21883bbc4","tarball":"https://registry.npmjs.org/@blinn-motion/lit/-/lit-0.1.2.tgz","fileCount":7,"integrity":"sha512-t5SpAGio6m2lFDIopYXNgqggJSW3Bk/xpmi3qYwMZ1LfX43PuqaxJlc78XZUUQFV2t/QlP4QxdeRfiSXflHUwQ==","signatures":[{"sig":"MEYCIQCFa4guh4xnDaooE52Mw2Vgq6Z7mEP04xtW7cmcwmTvywIhAI3VmvQavKk2Zt9Dd+t6x+XLPeu9FpzssZvomU5EC3l2","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@blinn-motion%2flit@0.1.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":46176},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"58f09492a6476c188e3c5b91676df6c6464a13d8","scripts":{"dev":"tsup --watch","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"gron371","email":"ismailyagci371@gmail.com"},"repository":{"url":"git+https://github.com/ismailyagci/blinn-motion.git","type":"git"},"_npmVersion":"10.9.8","description":"Blinn Motion Lit adapter — custom element for DOM/Canvas backends.","directories":{},"sideEffects":true,"_nodeVersion":"22.23.1","dependencies":{"@blinn-motion/dom":"^0.1.2","@blinn-motion/core":"^0.1.2","@blinn-motion/canvas":"^0.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"lit":"^3.2.1"},"peerDependencies":{"lit":">=3"},"_npmOperationalInternal":{"tmp":"tmp/lit_0.1.2_1784225022941_0.04284520254400426","host":"s3://npm-registry-packages-npm-production"}},"0.1.3":{"name":"@blinn-motion/lit","version":"0.1.3","description":"Blinn Motion Lit adapter — custom element for DOM/Canvas backends.","license":"MIT","type":"module","sideEffects":true,"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"}},"scripts":{"build":"tsup","dev":"tsup --watch","typecheck":"tsc --noEmit"},"peerDependencies":{"lit":">=3"},"dependencies":{"@blinn-motion/core":"^0.1.3","@blinn-motion/dom":"^0.1.3","@blinn-motion/canvas":"^0.1.3"},"devDependencies":{"lit":"^3.2.1"},"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/ismailyagci/blinn-motion.git","directory":"packages/lit"},"homepage":"https://docs.blinnmotion.com/adapters/lit","bugs":{"url":"https://github.com/ismailyagci/blinn-motion/issues"},"keywords":["blinn-motion","figma","figma-motion","motiondoc","animation","motion","timeline","lit","web-components","custom-elements","adapter"],"_id":"@blinn-motion/lit@0.1.3","gitHead":"199359afa1ba483192cdd327730a411279238893","_nodeVersion":"22.23.1","_npmVersion":"10.9.8","dist":{"integrity":"sha512-5cf/PIf+JKMEA8D/mDLx8002XXY9J55xcLKiiRYwRRTu+7OTvni7uXRUmzoZH3lEMPEFJNlOsDJ1JUCOZU06gg==","shasum":"421ad0b4da26e759cd1563a8d4eadcff29be634e","tarball":"https://registry.npmjs.org/@blinn-motion/lit/-/lit-0.1.3.tgz","fileCount":8,"unpackedSize":49305,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@blinn-motion%2flit@0.1.3","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCICYfxv2Vtk4/j4Qos382vHl3UPEQTM8mk2Q0xSa/g3ilAiBxfHz3eVpXAVsMDQiicz1CXnpz7SG4dlHRJ89GFF3ZOw=="}]},"_npmUser":{"name":"gron371","email":"ismailyagci371@gmail.com"},"directories":{},"maintainers":[{"name":"gron371","email":"ismailyagci371@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/lit_0.1.3_1784231264456_0.7051281906554123"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-16T16:41:10.165Z","modified":"2026-07-16T19:47:45.079Z","0.1.0":"2026-07-16T16:41:10.658Z","0.1.1":"2026-07-16T17:36:30.279Z","0.1.2":"2026-07-16T18:03:43.165Z","0.1.3":"2026-07-16T19:47:44.749Z"},"bugs":{"url":"https://github.com/ismailyagci/blinn-motion/issues"},"license":"MIT","homepage":"https://docs.blinnmotion.com/adapters/lit","repository":{"type":"git","url":"git+https://github.com/ismailyagci/blinn-motion.git","directory":"packages/lit"},"description":"Blinn Motion Lit adapter — custom element for DOM/Canvas backends.","maintainers":[{"name":"gron371","email":"ismailyagci371@gmail.com"}],"readme":"# @blinn-motion/lit\n\n[![npm](https://img.shields.io/npm/v/@blinn-motion/lit.svg)](https://www.npmjs.com/package/@blinn-motion/lit)\n[![license](https://img.shields.io/npm/l/@blinn-motion/lit.svg)](https://github.com/ismailyagci/blinn-motion/blob/main/LICENSE)\n\n**Lit / Web Component adapter for [Blinn Motion](https://blinnmotion.com)** — drop `` into any stack that supports custom elements (Lit, plain HTML, Astro islands, Vue/React wrappers, CMS templates).\n\nSame MotionDoc engine as DOM, React, Vue, and friends.\n\n## Install\n\n```bash\nnpm install @blinn-motion/lit\n# peer: lit (for the element class; auto-registers on import)\n```\n\n## Quick start\n\n```ts\nimport \"@blinn-motion/lit\"; // registers \nimport doc from \"./card.motion.json\";\n\nconst el = document.querySelector(\"blinn-motion\")!;\nel.doc = doc;\nel.renderer = \"dom\";\nel.loop = true;\nel.autoplay = true;\n```\n\n```html\n\n\n\n```\n\n## Live demo\n\n[lit.blinnmotion.com](https://lit.blinnmotion.com) · islands: [astro.blinnmotion.com](https://astro.blinnmotion.com)\n\n## Properties\n\nComplex values are **properties**, not attributes:\n\n| Property | Type | Default | Description |\n|----------|------|---------|-------------|\n| `doc` | `MotionDoc \\| null` | `null` | Motion document (`el.doc = …`) |\n| `renderer` | `\"dom\" \\| \"canvas\"` | `\"dom\"` | Backend |\n| `loop` | `boolean` | `true` | Loop |\n| `autoplay` | `boolean` | `true` | Play when mounted |\n| `rate` | `number` | `1` | Speed |\n| `progress` | `number \\| undefined` | — | Controlled `0…1` |\n\n## Events\n\n```ts\nel.addEventListener(\"frame\", (e: CustomEvent) => {\n const { time, fraction } = e.detail;\n});\n```\n\n## Imperative methods\n\n```ts\nel.play();\nel.pause();\nel.stop();\nel.toggle();\nel.seek(0.5);\nel.seekFraction(0.25);\nel.setProgress(0.1);\nel.setRate(1.5);\n```\n\n## Controlled progress\n\n```ts\nel.progress = 0.4; // holds frame; autoplay off while set\nel.progress = undefined; // back to clock-driven (remount rules apply)\n```\n\n## Explicit registration\n\n```ts\nimport { defineBlinnMotionElement, BlinnMotionElement } from \"@blinn-motion/lit\";\n\ndefineBlinnMotionElement(); // customElements.define(\"blinn-motion\", …)\n// or extend BlinnMotionElement in your own tag\n```\n\n## `attachBlinnMotion`\n\n```ts\nimport { attachBlinnMotion } from \"@blinn-motion/lit\";\n\nconst attached = attachBlinnMotion(host, { doc, renderer: \"canvas\" });\nattached.dispose();\n```\n\n## Docs\n\n- [Lit adapter](https://docs.blinnmotion.com/adapters/lit)\n- [Playback](https://docs.blinnmotion.com/guides/playback)\n- [GitHub](https://github.com/ismailyagci/blinn-motion)\n\n## License\n\nMIT © Blinn Motion\n","readmeFilename":"README.md","keywords":["blinn-motion","figma","figma-motion","motiondoc","animation","motion","timeline","lit","web-components","custom-elements","adapter"]}