{"_id":"@conference-kit/ui-vue","_rev":"5-1bb7d93094f4c26849f18aa406ac4524","name":"@conference-kit/ui-vue","dist-tags":{"latest":"0.0.5"},"versions":{"0.0.1":{"name":"@conference-kit/ui-vue","version":"0.0.1","_id":"@conference-kit/ui-vue@0.0.1","maintainers":[{"name":"aqua427","email":"andrewcarlson789+aqua@gmail.com"}],"dist":{"shasum":"ac4a594591dc392c564ecaa85553a791dbdd0846","tarball":"https://registry.npmjs.org/@conference-kit/ui-vue/-/ui-vue-0.0.1.tgz","fileCount":10,"integrity":"sha512-wyIDFbsLTaR/XfV6X7kPpRg1jjvaaSMglxjntzBk5+u1bMSUcTsIKQdTYdG4RsobGIGktCIaDZ/7m0gabxHlgw==","signatures":[{"sig":"MEQCIBCsqF0SHmKHTMXpKW5RClvJ7TLBD9hEmX56IU47l9/ZAiApNbbI4KPSMwoqaYn/x2Rl9ypkhtmO0XmeWD2DF4vmiw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11287},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"gitHead":"8eb2e7e796a392ef96338ae67e8523e45a135761","scripts":{"build":"tsc -p tsconfig.json"},"_npmUser":{"name":"aqua427","email":"andrewcarlson789+aqua@gmail.com"},"_npmVersion":"10.8.2","directories":{},"_nodeVersion":"20.19.6","dependencies":{"@conference-kit/vue":"^0.0.1","@conference-kit/core":"^0.0.1"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.9.3"},"peerDependencies":{"vue":"^3.4.0","tailwindcss":">=3.4.0"},"_npmOperationalInternal":{"tmp":"tmp/ui-vue_0.0.1_1766446686991_0.16645864005778988","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@conference-kit/ui-vue","version":"0.0.2","_id":"@conference-kit/ui-vue@0.0.2","maintainers":[{"name":"aqua427","email":"andrewcarlson789+aqua@gmail.com"}],"dist":{"shasum":"9284712eb84561fc5344c506d26581d3bec78a30","tarball":"https://registry.npmjs.org/@conference-kit/ui-vue/-/ui-vue-0.0.2.tgz","fileCount":11,"integrity":"sha512-0OHXz6mzuWoJrds914ySC/ISbGKn9/KDz2+oT7uWRPfN7MwGxz/r3QpIU1Irp88qqxxgpshghWusjySAzoZUaQ==","signatures":[{"sig":"MEUCIAKZR4Wgi1yQ8h/OLyc6FZ5c6yEvi49IO50JFjsoIm7vAiEA4ORELnUMkKQEKF7e2Rhar4n0p+cRjgEWc6APnIx0LpI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":12322},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"gitHead":"f3f1eb917f796d1af7efb634b1e6ae2e6ee6dfa4","scripts":{"build":"tsc -p tsconfig.json"},"_npmUser":{"name":"aqua427","email":"andrewcarlson789+aqua@gmail.com"},"_npmVersion":"10.8.2","description":"Vue 3 components for conferencing UIs. Presentational only—pair with state from `@conference-kit/vue`.","directories":{},"_nodeVersion":"20.19.6","dependencies":{"@conference-kit/vue":"^0.0.1","@conference-kit/core":"^0.0.1"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.9.3"},"peerDependencies":{"vue":"^3.4.0","tailwindcss":">=3.4.0"},"_npmOperationalInternal":{"tmp":"tmp/ui-vue_0.0.2_1766531080728_0.5874747997611252","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@conference-kit/ui-vue","version":"0.0.3","_id":"@conference-kit/ui-vue@0.0.3","maintainers":[{"name":"aqua427","email":"andrewcarlson789+aqua@gmail.com"}],"dist":{"shasum":"0d63664c8032c9a494b81b840e3540f2d4d392b2","tarball":"https://registry.npmjs.org/@conference-kit/ui-vue/-/ui-vue-0.0.3.tgz","fileCount":12,"integrity":"sha512-ppuIuI6kZ3ZMB1Y0PveMxktbTx/6eDFUqC86VI/tTJrPbeIhniPD4HBRiDCdr/+Sid5PvaaCi7msh0uX1Wb9jA==","signatures":[{"sig":"MEQCIBAo2v4z0zgWQyEbhv3PPCF2mE6vkPj27Up0uM2LHTk6AiBHEsnCnxejsN7eLLLg+LRwpJIJGQcH8gealDq2h7GV2A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":12472},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"gitHead":"26da54a3add16f4ec79ea0618e63895042cd5f2c","scripts":{"build":"tsc -p tsconfig.json"},"_npmUser":{"name":"aqua427","email":"andrewcarlson789+aqua@gmail.com"},"_npmVersion":"10.8.2","description":"Vue 3 components for conferencing UIs. Presentational only—pair with state from `@conference-kit/vue`.","directories":{},"_nodeVersion":"20.19.6","dependencies":{"@conference-kit/vue":"^0.0.3","@conference-kit/core":"^0.0.3"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.9.3"},"peerDependencies":{"vue":"^3.4.0","tailwindcss":">=3.4.0"},"_npmOperationalInternal":{"tmp":"tmp/ui-vue_0.0.3_1766532791460_0.8123528510000206","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@conference-kit/ui-vue","version":"0.0.4","_id":"@conference-kit/ui-vue@0.0.4","maintainers":[{"name":"aqua427","email":"andrewcarlson789+aqua@gmail.com"}],"dist":{"shasum":"4552988b5352c56ad1956e1c871e8ff6f4061922","tarball":"https://registry.npmjs.org/@conference-kit/ui-vue/-/ui-vue-0.0.4.tgz","fileCount":20,"integrity":"sha512-Xl8ZbZcNWCK9R2hhXn3NNVIt3sbRz0NyHreFi67oPurPERwNNYSVYHvCPECIB7UdnqZlmeBANAHh43WnFi36Cw==","signatures":[{"sig":"MEYCIQCOs3mjlBtElxg62hQ8O0o6qACnz+EPvMrtkMLYzt3GRwIhALUensjYtjxkwsag7kyk0atB+SSf0tMtR2nU6/RGGlX7","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":17218},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"gitHead":"26da54a3add16f4ec79ea0618e63895042cd5f2c","scripts":{"build":"tsc -p tsconfig.json"},"_npmUser":{"name":"aqua427","email":"andrewcarlson789+aqua@gmail.com"},"_npmVersion":"10.9.2","description":"Vue 3 components for conferencing UIs. Presentational only—pair with state from `@conference-kit/vue`.","directories":{},"_nodeVersion":"22.17.1","dependencies":{"@conference-kit/vue":"^0.0.4","@conference-kit/core":"^0.0.4"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.9.3"},"peerDependencies":{"vue":"^3.4.0","tailwindcss":">=3.4.0"},"_npmOperationalInternal":{"tmp":"tmp/ui-vue_0.0.4_1766533249238_0.8420807345972154","host":"s3://npm-registry-packages-npm-production"}},"0.0.5":{"name":"@conference-kit/ui-vue","version":"0.0.5","type":"module","main":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.js","types":"./dist/index.d.ts"}},"scripts":{"build":"tsc -p tsconfig.json"},"peerDependencies":{"vue":"^3.4.0","tailwindcss":">=3.4.0"},"dependencies":{"@conference-kit/vue":"^0.0.5","@conference-kit/core":"^0.0.5"},"devDependencies":{"typescript":"^5.9.3"},"_id":"@conference-kit/ui-vue@0.0.5","gitHead":"759317a8ec23cacd614ffd711ea43f59000dfddc","description":"Vue 3 components for conferencing UIs. Presentational only—pair with state from `@conference-kit/vue`.","_nodeVersion":"22.17.1","_npmVersion":"10.9.2","dist":{"integrity":"sha512-QoP6k6fImktoX8fQnQtD1Sf6yfRr/2ksqoRfd2ql5B8+r7V6NF1kOc7g5cTP6loe7WC41nATf8OyRb7g553c6w==","shasum":"74414ff5d8b79015c6757affb3bca334835a217d","tarball":"https://registry.npmjs.org/@conference-kit/ui-vue/-/ui-vue-0.0.5.tgz","fileCount":20,"unpackedSize":17218,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCxtwdnzFNXn+PDNWrDMYsFEdV2KktHF3oeDGJ6/OksNgIhAKRCt3ZYS5SHY2jHyOgLGKyxW87SraJBp6YlQrnBIkmk"}]},"_npmUser":{"name":"aqua427","email":"andrewcarlson789+aqua@gmail.com"},"directories":{},"maintainers":[{"name":"aqua427","email":"andrewcarlson789+aqua@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ui-vue_0.0.5_1766534095466_0.47571872535701587"},"_hasShrinkwrap":false}},"time":{"created":"2025-12-22T23:38:06.909Z","modified":"2025-12-23T23:54:55.822Z","0.0.1":"2025-12-22T23:38:07.155Z","0.0.2":"2025-12-23T23:04:40.880Z","0.0.3":"2025-12-23T23:33:11.604Z","0.0.4":"2025-12-23T23:40:49.378Z","0.0.5":"2025-12-23T23:54:55.612Z"},"description":"Vue 3 components for conferencing UIs. Presentational only—pair with state from `@conference-kit/vue`.","maintainers":[{"name":"aqua427","email":"andrewcarlson789+aqua@gmail.com"}],"readme":"# @conference-kit/ui-vue\n\nVue 3 components for conferencing UIs. Presentational only—pair with state from `@conference-kit/vue`.\n\n## Install\n\n```bash\nnpm install @conference-kit/ui-vue\n```\n\nPeer deps: Vue 3.4+, TailwindCSS 3.4+.\n\n## Components\n\n- `ParticipantGrid`, `ParticipantTile`\n- `RosterList`\n- `ControlBar`\n- `ChatPanel`\n- `ConnectionBadge` (exported as default)\n\nEach component accepts props mirroring the React UI kit (IDs, labels, media streams, connection status, handler callbacks).\n\n## Quick example\n\n```vue\n<script setup lang=\"ts\">\nimport { ParticipantGrid, ConnectionBadge } from \"@conference-kit/ui-vue\";\n\nconst participants = [\n  {\n    id: \"me\",\n    label: \"You\",\n    stream: null,\n    connectionState: \"connected\",\n    isLocal: true,\n  },\n];\nconst status = { signaling: \"open\", media: \"ready\", data: \"ready\" };\n</script>\n\n<template>\n  <div class=\"space-y-4\">\n    <ConnectionBadge :status=\"status\" />\n    <ParticipantGrid :participants=\"participants\" />\n  </div>\n</template>\n```\n\n## Build\n\n```bash\nnpm run build\n```\n","readmeFilename":"README.md"}