fix(www): ensure that there is a value when changing the panel size

[ItsValerius]

This PR fixes the issue described here:
#3640

[vercel]

@ItsValerius is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.

[flixlix]

I would suggest the following changes:

const [currentSize, setCurrentSize] = React.useState("100")

value={currentSize}
onValueChange={(value) => {
  if (resizablePanelRef.current && value) {
    setCurrentSize(value)
    resizablePanelRef.current.resize(parseInt(value))
  }
}}

this way, when clicking a size that was already selected, we can make sure that it doesn't get deselected. By making the toggle group controlled we make sure at least one is always selected

[ItsValerius]

I would suggest the following changes:

const [currentSize, setCurrentSize] = React.useState("100")

value={currentSize}
onValueChange={(value) => {
  if (resizablePanelRef.current && value) {
    setCurrentSize(value)
    resizablePanelRef.current.resize(parseInt(value))
  }
}}

this way, when clicking a size that was already selected, we can make sure that it doesn't get deselected. By making the toggle group controlled we make sure at least one is always selected

Good idea!
I made some changes to your suggestions to make sure the buttons would still work, if the ResizablePanel was changed by dragging it around.