Integrating Resizable with Sidebar

[jvonfricken]

I've been playing around with the sidebar and really loving it. For my particular use-case I need the ability to have the sidebar be resizable. I imagine this could take advantage of of existing shadcn Resizable component, but I haven't been able to figure out exactly where I need to put the Panel nodes with respect to the Sidebar nodes. For example, I've tried something like this, but the issue is that the sidebar rail for collapsing the sidebar isn't in sync with the resizable panel, and since the content of the sidebar itself is fixed.

Screen.Recording.2025-01-30.at.10.21.09.AM.mov

<Sidebar.Provider>
<Resizable.PaneGroup direction="horizontal">
  <Resizable.Pane>
    <Sidebar.Root>
      <Sidebar.Header></Sidebar.Header>
      <Sidebar.Content></Sidebar.Content>
      <Sidebar.Footer></Sidebar.Footer>
      <Sidebar.Rail />
    </Sidebar.Root>
  </Resizable.Pane>

  <Resizable.Handle />
  
  <Resizable.Pane>
    <Sidebar.Inset>
      <header></header>
      <main></main>
    </Sidebar.Inset>
 </Resizable.Pane>
</Resizable.PaneGroup>
</Sidebar.Provider>

I'm wondering if this will require some modifications to the source code of Sidebar component itself, or if there is a simple way to integrate Resizable that I'm missing?

Thanks!