{"_id":"@cypress-design/vue-select","name":"@cypress-design/vue-select","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@cypress-design/vue-select","version":"1.0.0","typings":"./dist/index.d.ts","main":"./dist/index.umd.js","module":"./dist/index.es.mjs","exports":{".":{"import":"./dist/index.es.mjs","require":"./dist/index.umd.js","types":"./dist/index.d.ts"}},"scripts":{"build":"yarn build:module && yarn build:types","build:module":"yarn exec vite build","build:types":"yarn exec vue-tsc --project ./tsconfig.build.json"},"dependencies":{"@cypress-design/vue-button":"^1.13.0","@cypress-design/vue-checkbox":"^1.0.0","@cypress-design/vue-icon":"^1.42.0","@cypress-design/vue-tabs":"^1.2.2","@cypress-design/vue-tag":"^1.1.0","@cypress-design/vue-textbox":"^1.0.1"},"devDependencies":{"@cypress-design/constants-select":"*","@cypress-design/rollup-plugin-tailwind-keep":"*"},"license":"MIT","_id":"@cypress-design/vue-select@1.0.0","gitHead":"32d5650eb31b7f2992a55a73d6e42e8de130d2c3","description":"```bash npm install @cypress-design/vue-select ```","_nodeVersion":"22.23.1","_npmVersion":"10.9.8","dist":{"integrity":"sha512-1Kcq1zDnvOzZGySSPFbcA3vQKT+08AfmsHaZ2XicmNFDraHODZXzdCAqhX1pxglxG0ij9sTiHXet4LqYvwiKTQ==","shasum":"e2fd69c83dfa73f21c49cfc4b65115943215fea4","tarball":"https://registry.npmjs.org/@cypress-design/vue-select/-/vue-select-1.0.0.tgz","fileCount":23,"unpackedSize":333091,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIHs2+6AwwZM3i/Rp4ymf5QE/Ir5WhPUN2hEdudgd0uXbAiAKBmRj/sQ9OWnI4ER4GiesF1wVSEMjNH3WznSy/fq14Q=="}]},"_npmUser":{"name":"cypress-npm-publisher","email":"cypress-npm-publisher@cypress.io"},"directories":{},"maintainers":[{"name":"cypress-npm-publisher","email":"cypress-npm-publisher@cypress.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue-select_1.0.0_1783423513107_0.18303861341081107"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-07T11:25:12.948Z","1.0.0":"2026-07-07T11:25:13.263Z","modified":"2026-07-07T11:25:13.523Z"},"maintainers":[{"name":"cypress-npm-publisher","email":"cypress-npm-publisher@cypress.io"}],"description":"```bash npm install @cypress-design/vue-select ```","license":"MIT","readme":"# Select\n\n## Install\n\n```bash\nnpm install @cypress-design/vue-select\n```\n\nor with yarn\n\n```bash\nyarn add @cypress-design/vue-select\n```\n\nTypes (`SelectItem`, `SelectItemDefault`, `SelectItemUser`, …) are re-exported from `@cypress-design/vue-select` — there's no separate constants package to install.\n\n## Usage\n\n```ts\nimport Select, { type SelectItem } from '@cypress-design/vue-select'\n```\n\n```vue\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport Select from '@cypress-design/vue-select'\n\nconst value = ref<string | undefined>()\nconst items = [\n  { value: 'alpha', label: 'Alpha' },\n  { value: 'beta', label: 'Beta' },\n  { value: 'gamma', label: 'Gamma' },\n]\n</script>\n\n<template>\n  <Select v-model=\"value\" :items=\"items\" placeholder=\"Pick one\" />\n</template>\n```\n\n### Custom trigger\n\n```vue\n<Select :items=\"items\" v-model=\"value\">\n  <template #trigger=\"{ open, selected, toggle }\">\n    <button :aria-expanded=\"open\" @click=\"toggle\">\n      {{ selected?.label ?? 'Open' }}\n    </button>\n  </template>\n</Select>\n```\n\n### Header with tabs + search, footer action\n\n```vue\n<Select\n  v-model=\"value\"\n  :items=\"items\"\n  header-title=\"Pick a value\"\n  :header-tabs=\"[\n    { id: 'all', label: 'All' },\n    { id: 'mine', label: 'Mine' },\n  ]\"\n  :header-active-tab=\"tab\"\n  searchable\n  footer-label=\"Showing 3 of 12\"\n  :footer-action=\"{ label: 'Manage', onClick: () => {} }\"\n  :max-height=\"320\"\n  @header-tab-change=\"(id) => (tab = id)\"\n/>\n```\n","readmeFilename":"ReadMe.md","_rev":"1-179a1e44449a92ddcad0d61a89c7ad37"}