{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "list-box-multiple-example",
  "title": "List Box Multiple",
  "description": "list-box-multiple-example",
  "dependencies": [
    "react-aria-components"
  ],
  "registryDependencies": [
    "https://intentui.com/r/field",
    "https://intentui.com/r/list-box"
  ],
  "files": [
    {
      "path": "src/components/examples/collections/list-box/list-box-multiple-example.tsx",
      "content": "'use client'\n\nimport { useState } from 'react'\nimport type { Selection } from 'react-aria-components/GridList'\nimport { Description } from '@/components/ui/field'\nimport { ListBox, ListBoxItem } from '@/components/ui/list-box'\n\nexport default function ListBoxMultipleDemo() {\n  const [selected, setSelected] = useState<Selection>(new Set([3]))\n  return (\n    <div>\n      <ListBox\n        selectedKeys={selected}\n        onSelectionChange={setSelected}\n        items={fruits}\n        aria-label=\"Fruits\"\n        selectionMode=\"multiple\"\n      >\n        {(fruit) => <ListBoxItem textValue={fruit.name}>{fruit.name}</ListBoxItem>}\n      </ListBox>\n\n      {[...selected].length > 0 && (\n        <Description className=\"mt-4 block\">\n          Selected: {selected === 'all' ? 'All selected' : [...selected].join(', ')}\n        </Description>\n      )}\n    </div>\n  )\n}\n\nconst fruits = [\n  {\n    id: 1,\n    name: 'Apple',\n  },\n  {\n    id: 2,\n    name: 'Banana',\n  },\n  {\n    id: 3,\n    name: 'Orange',\n  },\n  {\n    id: 4,\n    name: 'Strawberry',\n  },\n  {\n    id: 5,\n    name: 'Grapes',\n  },\n  {\n    id: 6,\n    name: 'Mango',\n  },\n  {\n    id: 7,\n    name: 'Pineapple',\n  },\n]\n",
      "type": "registry:page",
      "target": "app/list-box-multiple-example/page.tsx"
    }
  ],
  "type": "registry:page"
}