2.0.0

This version of the package is a complete rewrite of the previous version. We have rewritten the component to address some limitations of the previous version, particularly with multiple panes. We have made the Split.Resizer component visible and usable so that it can be customized and managed more easily. The API has changed, and some props have been removed or modified.

✨ Improvements

• Improved management of the grow prop for both horizontal and vertical resizing
• Improved the management of minimum and maximum width and height, along with the initial sizes
• The drag has been improved for greater precision when reaching the edges of the plane, as well as when reaching the minimum and maximum sizes. Same for the keyboard

🙌 Changes

• Changed resizer hover color to use the default Mantine primary color for enhanced visual consistency
• Improved visual clarity by updating the knob hover color to default white, enhancing contrast with the resizer background

🩹 Fixes

• Reduced unnecessary animation overhead when updating orientation settings
• Fixed management of container borders and sizing to improve layout precision and rendering stability

⚠️ Breaking changes

• Added the new Split.Resizer component to manage the resizer between the panes. The Split.Resizer component is now a child of the Split component and is used to manage the resizing of the panes.
• The Split component structure has changed. The Split component now needs the Split.Pane component as as well as the Split.Resizer component.
• The Split.Pane component props have changed. We have moved the resizer props to the Split.Resizer component. The Split.Pane component now only accepts props related to the pane itself.
• The Split.Pane onDoubleClick prop has been removed. You can now use the onResetInitialSize event to manage the double click event. The onResetInitialSize event is triggered when the user double clicks on the resizer to reset the initial size of the pane.
• You can still use the onDoubleClick prop to manage the double click event in the Split.Resizer component.
• The step and shiftStep props are now accessible both for the Split and Split.Resizer components. Those props are not accessible for the Split.Pane component.

What's Changed

• ✨ Refactor by @gfazioli in #9

New Contributors

• @gfazioli made their first contribution in #9

Full Changelog: 1.1.7...2.0.0