[ColorPicker] [DX] Do not couple dropdown capabilities with picking functionality in 1.0.0

[renatodeleao]

note: I understand that this ColorPicker is a "preview" component and subject to many changes including breaking ones like this.

Before (0.7.0) I could display ColorPicker parts as I wanted to fit my design. A common usecase present in most design tools is that they all have color grading controls in a drawer panel that it's just there, rendered inline, you don't need to click any trigger for it to display or for controls to become active and usable.

A very raw inline color grading panel

With the new version 0.9.0, and the introduction of dropdown/positioning functionality it took me a while to redo the same demo.
The main struggle was that the previous demo relied on the Content part which was mostly static before, but in the new version this part is now influenced by open state and it influences its children parts:

1. wrapping Area and ChannelSlider in Content renders them disabled unless open=true is passed to the Root part.
2. Doing this still does not produce the expected output because:
   • clicking outside will unmount/hide Content anyways
   • open prop is not reactive, so manually setting it back to true will not keep it open

Workaround

not render Content part and hardcode open:true prop on the Root part.

Idea/suggestion for v1

1. Uncouple controls functionality with dropdown positioning/open closed state. They should work independently of where they rendered
2. If this API moves forward, would be nice to have some docs updated to explain the new behaviour of the Content part
3. Nice-to-have: if open was omitted and there were no Trigger/Content parts, assume that render is inline a default to true so that we don't have to explicitly pass :open="true"
4. if open is not expected to be reactive, then it should be renamed defaultOpen to match the current convention of static props.

Demos

• Original demo @ark-ui/[email protected]
• Same demo adapted to @ark-ui/[email protected] including the quirks abovementioned

Cheers ✌️