Enhancement: Animation expanding/collapsing - CSS

[jaysin586]

Added a new state that can be tracked for CSS transitions.

This should address the issue here: #25

The CSS below is an ugly way to do it in this PR, but it should work with all transition effects:

:global(div[data-pane-state="collapsing"]) {
	transition-duration: 1000ms;
	transition-property: flex-grow;
	transition-timing-function: linear;
	will-change: flex-grow;
}

:global(div[data-pane-state="expanding"]) {
	transition-duration: 1000ms;
	transition-property: flex-grow;
	transition-timing-function: linear;
	will-change: flex-grow;
}

I am open to matching your style, just wanted to start the conversation.

I also did not see any test cases to match your test case style. If you have some other code you would like me to mimic using vitest and/or playwright I can help!

[changeset-bot]

🦋 Changeset detected

Latest commit: bd63dfb

The changes in this PR will be included in the next version bump.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name	Status	Preview	Last Commit
paneforge	✅ Ready (View Log)	Visit Preview	bd63dfb