<Collapsible> flashes when moved as list items

[du33169]

Description

I have a list of items, each using a Collapsible to toggle show/hide with animation.
The collapse state of all items are controlled by a single boolean flag.
If I change the order of the items, their collapsibles will flash (a quick toggle) even if the flag is not changed.

It should also be noted that when the page is first loaded, clicking the reverse button will swap them normally;
But if you toggle the collapse state and back again, it will flash at next reverse.

expected	actually

Link to Reproduction

https://stackblitz.com/edit/chakra-ui-v3-ib5zi6pl

Steps to reproduce

1. Go to the Reproduction Project
2. Click 'Reverse' (the elements will be swapped as normal)
3. Click 'toggle collapse' twice.
4. Click on 'reverse' again (items will be swapped but with flash)

Chakra UI Version

3.2.2

Browser

Mozilla Firefox v133.0

Operating System

• macOS
• Windows
• Linux

Additional Information

No response

[segunadebayo]

I transferred this issue to Zag.js where it'll be fixed.