fix(accordion): no longer write collapsible to dom in accordion

if the accordion was in multipe select then the collapsoble prop is reduncant and was being written
to the dom. This has been stopped by checking the case first.

fix #214

src/components/Accordion/Accordion.stories.tsx

@@ -9,13 +9,23 @@ export default {
   argTypes: {
     type: {
       defaultValue: 'single',
+      control: {
+        type: 'select',
+      },
+      options: ['single', 'multiple'],
+      description: 'Defines the policy for how many items can be open',
+    },
+    collapsible: {
+      defaultValue: true,
+      control: {
+        type: 'boolean',
+      },
+      description: 'In single mode only, declares that they can all be closed.',
     },
   },
 } as Meta
 
-export const Default: Story<React.ComponentProps<typeof Accordion>> = ({
-  ...args
-}) => {
+export const Default: Story = ({ ...args }) => {
   return (
     <Accordion {...args}>
       <AccordionItem value="item-1">

src/components/Accordion/Accordion.tsx

@@ -39,16 +39,20 @@ type AccordionProps = Partial<Polymorphic.OwnProps<typeof Root>> &
   CSSProps
 
 export const Accordion = forwardRef<HTMLDivElement, AccordionProps>(
-  ({ collapsible = true, type = 'single', ...props }, forwardedRef) => (
-    <StyledRoot
-      type={type}
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore This type is allowed when type single.
-      collapsible={collapsible}
-      ref={forwardedRef}
-      {...props}
-    />
-  )
+  ({ collapsible = true, type = 'single', ...props }, forwardedRef) => {
+    let additionalProps = {}
+    if (type == 'single' && collapsible) {
+      additionalProps = { collapsible: true }
+    }
+    return (
+      <StyledRoot
+        type={type}
+        {...additionalProps}
+        ref={forwardedRef}
+        {...props}
+      />
+    )
+  }
 ) as Polymorphic.ForwardRefComponent<
   Polymorphic.IntrinsicElement<typeof Root>,
   AccordionProps