Controlled / Uncontrolled open state by the prop

[Marsony]

Hello everyone, thanks for this library!

So, is it possible to make an another way to control open state of components? For example, right now we can work with that only by the render props.

This is not very convenient when you are trying to implement reusable primitives on top of your wonderful solution.

    select.tsx -> export const CustomListbox

    const values = useSelect({ variant });

    return (
      <SelectContext.Provider value={values}>
        <Listbox {...restProps} ref={ref}>
          {({ open, ...restProps }) => {
            useIsomorphicLayoutEffect(() => {
              values.setOpen(open);
            }, [open]);

            return (
              <>{typeof children === 'function' ? children({ open, ...restProps }) : children}</>
            );
          }}
        </Listbox>
      </SelectContext.Provider>
    );

Now I have to use hooks inside a render props, thats not cool if I want to have an access to open state in another part of my primitive. Im don't see an another way.

Thanks!

Also! This way breaks focus return to the Listbox.Button after closing by the keyboard.