[joy-ui][Accordion] Add type button to accordion summary

docs/data/joy/components/accordion/AccordionTransition.js

@@ -76,6 +76,7 @@ export default function AccordionTransition() {
 }}`
                 : `"${transition}"`
             }>`}
+            language="jsx"
           />
         </BrandingProvider>
       </Box>

packages/mui-joy/src/Accordion/AccordionContext.ts

@@ -8,6 +8,7 @@ const AccordionContext = React.createContext<
   Partial<{
     disabled: boolean;
     expanded: boolean;
+    type: string;
     toggle: (event: React.SyntheticEvent) => void;
     accordionId: string;
   }>

packages/mui-joy/src/AccordionSummary/AccordionSummary.tsx

@@ -20,10 +20,10 @@ import { StyledListItemButton } from '../ListItemButton/ListItemButton';
 import KeyboardArrowDown from '../internal/svg-icons/KeyboardArrowDown';
 
 const useUtilityClasses = (ownerState: AccordionSummaryOwnerState) => {
-  const { disabled, expanded } = ownerState;
+  const { disabled, expanded, type } = ownerState;
   const slots = {
     root: ['root', disabled && 'disabled', expanded && 'expanded'],
-    button: ['button', disabled && 'disabled', expanded && 'expanded'],
+    button: ['button', disabled && 'disabled', expanded && 'expanded', type && 'type'],
     indicator: ['indicator', disabled && 'disabled', expanded && 'expanded'],
   };
 
@@ -102,6 +102,7 @@ const AccordionSummary = React.forwardRef(function AccordionSummary(inProps, ref
     accordionId,
     disabled = false,
     expanded = false,
+    type = 'button',
     toggle,
   } = React.useContext(AccordionContext);
 
@@ -114,6 +115,7 @@ const AccordionSummary = React.forwardRef(function AccordionSummary(inProps, ref
     disabled,
     expanded,
     variant,
+    type,
   };
 
   const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
@@ -148,6 +150,7 @@ const AccordionSummary = React.forwardRef(function AccordionSummary(inProps, ref
       'aria-expanded': expanded ? 'true' : 'false',
       'aria-controls': `${accordionId}-details`,
       disabled,
+      type,
       onClick: handleClick,
     },
     ownerState,

packages/mui-joy/src/AccordionSummary/AccordionSummaryProps.ts

@@ -80,4 +80,8 @@ export interface AccordionSummaryOwnerState extends ApplyColorInversion<Accordio
    * The expanded state of the accordion.
    */
   expanded: boolean;
+  /**
+   * The type attribute specifies the type of button.
+   */
+  type: string;
 }