{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "list-box-section-example",
  "title": "List Box Section",
  "description": "list-box-section-example",
  "registryDependencies": [
    "https://intentui.com/r/list-box"
  ],
  "files": [
    {
      "path": "src/components/examples/collections/list-box/list-box-section-example.tsx",
      "content": "'use client'\n\nimport { ListBox, ListBoxItem, ListBoxSection } from '@/components/ui/list-box'\n\nexport default function ListBoxSectionDemo() {\n  return (\n    <ListBox className=\"max-w-2xs\" items={bands} aria-label=\"Bands\" selectionMode=\"multiple\">\n      {(item) => (\n        <ListBoxSection items={item.albums} title={item.name} id={item.id}>\n          {(album) => <ListBoxItem textValue={album.name}>{album.name}</ListBoxItem>}\n        </ListBoxSection>\n      )}\n    </ListBox>\n  )\n}\n\nconst bands = [\n  {\n    id: 1,\n    name: 'The Beatles',\n    albums: [\n      {\n        id: 101,\n        name: 'Abbey Road',\n      },\n      {\n        id: 102,\n        name: \"Sgt. Pepper's Lonely Hearts Club Band\",\n      },\n      {\n        id: 103,\n        name: 'Revolver',\n      },\n    ],\n  },\n  {\n    id: 2,\n    name: 'Led Zeppelin',\n    albums: [\n      {\n        id: 201,\n        name: 'Led Zeppelin IV',\n      },\n      {\n        id: 202,\n        name: 'Physical Graffiti',\n      },\n      {\n        id: 203,\n        name: 'Houses of the Holy',\n      },\n      {\n        id: 204,\n        name: 'Led Zeppelin II',\n      },\n    ],\n  },\n  {\n    id: 3,\n    name: 'Pink Floyd',\n    albums: [\n      {\n        id: 301,\n        name: 'The Dark Side of the Moon',\n      },\n      {\n        id: 302,\n        name: 'The Wall',\n      },\n      {\n        id: 303,\n        name: 'Wish You Were Here',\n      },\n      {\n        id: 304,\n        name: 'Animals',\n      },\n      {\n        id: 305,\n        name: 'Meddle',\n      },\n    ],\n  },\n  {\n    id: 4,\n    name: 'Queen',\n    albums: [\n      {\n        id: 401,\n        name: 'A Night at the Opera',\n      },\n      {\n        id: 402,\n        name: 'News of the World',\n      },\n      {\n        id: 403,\n        name: 'Sheer Heart Attack',\n      },\n      {\n        id: 404,\n        name: 'The Game',\n      },\n      {\n        id: 405,\n        name: 'Jazz',\n      },\n      {\n        id: 406,\n        name: 'Queen II',\n      },\n    ],\n  },\n  {\n    id: 5,\n    name: 'The Rolling Stones',\n    albums: [\n      {\n        id: 501,\n        name: 'Let It Bleed',\n      },\n      {\n        id: 502,\n        name: 'Sticky Fingers',\n      },\n      {\n        id: 503,\n        name: 'Exile on Main St.',\n      },\n      {\n        id: 504,\n        name: 'Beggars Banquet',\n      },\n      {\n        id: 505,\n        name: 'Some Girls',\n      },\n      {\n        id: 506,\n        name: 'Tattoo You',\n      },\n    ],\n  },\n  {\n    id: 6,\n    name: 'Nirvana',\n    albums: [\n      {\n        id: 601,\n        name: 'Nevermind',\n      },\n      {\n        id: 602,\n        name: 'In Utero',\n      },\n      {\n        id: 603,\n        name: 'Bleach',\n      },\n    ],\n  },\n  {\n    id: 7,\n    name: 'The Doors',\n    albums: [\n      {\n        id: 701,\n        name: 'The Doors',\n      },\n      {\n        id: 702,\n        name: 'L.A. Woman',\n      },\n      {\n        id: 703,\n        name: 'Strange Days',\n      },\n      {\n        id: 704,\n        name: 'Morrison Hotel',\n      },\n    ],\n  },\n  {\n    id: 8,\n    name: 'Radiohead',\n    albums: [\n      {\n        id: 801,\n        name: 'OK Computer',\n      },\n      {\n        id: 802,\n        name: 'Kid A',\n      },\n      {\n        id: 803,\n        name: 'The Bends',\n      },\n      {\n        id: 804,\n        name: 'In Rainbows',\n      },\n    ],\n  },\n  {\n    id: 9,\n    name: 'AC/DC',\n    albums: [\n      {\n        id: 901,\n        name: 'Back in Black',\n      },\n      {\n        id: 902,\n        name: 'Highway to Hell',\n      },\n      {\n        id: 903,\n        name: 'Let There Be Rock',\n      },\n    ],\n  },\n  {\n    id: 10,\n    name: 'The Who',\n    albums: [\n      {\n        id: 1001,\n        name: \"Who's Next\",\n      },\n      {\n        id: 1002,\n        name: 'Tommy',\n      },\n      {\n        id: 1003,\n        name: 'Quadrophenia',\n      },\n      {\n        id: 1004,\n        name: 'My Generation',\n      },\n      {\n        id: 1005,\n        name: 'The Who Sell Out',\n      },\n    ],\n  },\n]\n",
      "type": "registry:page",
      "target": "app/list-box-section-example/page.tsx"
    }
  ],
  "type": "registry:page"
}