add dependency

Author: yihuiliao

examples/rsp-cra-18/package.json

@@ -9,6 +9,7 @@
     "@babel/plugin-proposal-private-property-in-object": "^7.16.7",
     "@babel/preset-react": "^7.24.1",
     "@react-aria/dnd": "^3.6.1",
+    "@react-spectrum/accordion": "3.0.0-alpha.35",
     "@react-spectrum/color": "^3.0.0-beta.28",
     "@react-spectrum/provider": "^3.9.7",
     "@react-spectrum/toast": "^3.0.0-beta.7",

examples/rsp-cra-18/src/sections/NavigationExamples.tsx

@@ -33,7 +33,8 @@ export default function NavigationExamples() {
             </Item>
           </TabPanels>
         </Tabs>
-        <Accordion>
+        <h3>Accordion</h3>
+        <Accordion maxWidth="size-3600">
           <Disclosure id="files">
             <DisclosureHeader>
               Files
@@ -51,12 +52,11 @@ export default function NavigationExamples() {
             </DisclosurePanel>
           </Disclosure>
         </Accordion>
+        <h3>Disclosure</h3>
         <Disclosure>
-          <DisclosureHeader>
-            System information
-          </DisclosureHeader>
+          <DisclosureHeader>System Requirements</DisclosureHeader>
           <DisclosurePanel>
-            <p>Details about system information</p>
+            <p>Details about system requirements here.</p>
           </DisclosurePanel>
         </Disclosure>
       </Flex>