{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "select-multiple-example",
  "title": "Select Multiple",
  "description": "select-multiple-example",
  "dependencies": [
    "react-aria-components"
  ],
  "registryDependencies": [
    "https://intentui.com/r/select"
  ],
  "files": [
    {
      "path": "src/components/examples/pickers/select/select-multiple-example.tsx",
      "content": "'use client'\n\nimport { useState } from 'react'\nimport type { Key } from 'react-aria-components/Breadcrumbs'\nimport { Select, SelectContent, SelectItem, SelectTrigger } from '@/components/ui/select'\n\nconst moods = [\n  { id: 1, name: 'Excited' },\n  { id: 2, name: 'Relaxed' },\n  { id: 3, name: 'Focused' },\n  { id: 4, name: 'Adventurous' },\n  { id: 5, name: 'Curious' },\n  { id: 6, name: 'Creative' },\n  { id: 7, name: 'Confident' },\n  { id: 8, name: 'Playful' },\n  { id: 9, name: 'Chill' },\n  { id: 10, name: 'Motivated' },\n]\n\nexport default function SelectMultipleDemo() {\n  const [selectedItems, setSelectedItems] = useState<Key[]>([1, 4])\n\n  return (\n    <Select\n      selectionMode=\"multiple\"\n      className=\"max-w-[250px]\"\n      value={selectedItems}\n      onChange={(selected) => setSelectedItems(selected)}\n      aria-label=\"Moods\"\n      placeholder=\"Choose your moods\"\n    >\n      <SelectTrigger />\n      <SelectContent items={moods}>\n        {(item) => (\n          <SelectItem id={item.id} textValue={item.name}>\n            {item.name}\n          </SelectItem>\n        )}\n      </SelectContent>\n    </Select>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/select-multiple-example/page.tsx"
    }
  ],
  "type": "registry:page"
}