Idea: Allow accessing component context for better wrapper / composition support

[adriansyah-kadir]

Hi @huntabyte (and team) — first off, huge thank you for Bits UI!
It's become one of my go-to headless libraries — clean, accessible, and very Svelte-native.

What I'm trying to do

I'm currently building a themed wrapper layer on top of Bits UI (inspired by HeroUI v3 — https://v3.heroui.com/) so the user get pre-styled, opinionated versions while still having full escape hatches

Example structure I want:

<!-- MyButton.svelte (wrapper around Bits Button) -->
<script lang="ts">
  import { Button } from "bits-ui";
  import { useButton } from "bits-ui";   // ← hypothetical / what I'd love

  const button = useButton();   // get open, disabled, etc.
  // or at least: getContext(BUTTON_CONTEXT_KEY)
</script>

<Button.Root {...props} disabled={button?.disabled ?? false}>
  <slot />
</Button.Root>

Right now i'm trying to implement SelectValue component which basically just render selected value so i was wondering if maybe i can use select root context like this

<script lang="ts">
   import { SelectRootContext } from "bits-ui/select"
   const ctx = SelectRootContext.get()
</script>

<div>
   {#if !ctx.isMulti && ctx.hasValue}
       {ctx.currentLabel}
   {/if}
</div>

[adriansyah-kadir]

Is there a reason why component context not exported?