[fix](@svelteui/core): pass Accordion transitionDuration prop to Collapse

This now allows controlling the collapse transition duration to match the chevron animation

Author: BeeMargarida

apps/docs/src/routes/core/accordion/+page.md

@@ -59,7 +59,7 @@ When `multiple` is `true`, this should be provided as an arrays of strings.
 
 ## Transition
 
-It's possible to change the chevron transition duration by modifying the prop `transitionDuration` (in milliseconds).
+It's possible to change the chevron and collapse transition duration by modifying the prop `transitionDuration` (in milliseconds).
 
 <Demo demo={AccordionDemos.transitionDuration} />
 

packages/svelteui-core/src/components/Accordion/Accordion.stories.svelte

@@ -94,3 +94,15 @@
 		</Accordion.Item>
 	</Accordion>
 </Story>
+
+<Story
+	name="Transition Duration (1s)"
+	id="accordionTransitionDurationLongStory"
+	args={{ transitionDuration: 1000 }}
+/>
+
+<Story
+	name="Transition Duration (0s)"
+	id="accordionNoTransitionDurationStory"
+	args={{ transitionDuration: 0 }}
+/>

packages/svelteui-core/src/components/Accordion/AccordionItem/AccordionItem.svelte

@@ -90,6 +90,7 @@ Item of an accordion.
 		id={$ctx.getControlsId(value)}
 		aria-labelledby={$ctx.getRegionId(value)}
 		open={$ctx.isItemActive(value)}
+		transitionDuration={$ctx.transitionDuration}
 	>
 		<div class={classes.panel}>
 			<slot />