React UI exports

import { Button, UiScope } from "@snackbit/opendil/ui";
import "@snackbit/opendil/styles.css";

export function Toolbar() {
  return (
    <UiScope>
      <Button variant="outline">Open settings</Button>
    </UiScope>
  );
}

These are React primitives for your application and registered components. They are separate from the DIL tag vocabulary.

Export	Purpose
UiScope	Scoped styles and portal container; accepts appearance, CSS tokens, and a collision boundary.
Button, buttonVariants	Button variants and sizes, including asChild composition.
Input, Checkbox, Slider	Native/Radix form foundations.
ToggleGroup, ToggleGroupItem	Single or multiple selection controls.
Popover, PopoverTrigger, PopoverContent	Scoped contextual overlays.
Tooltip	A named trigger’s supplementary label via label and children.

Wrap application controls in UiScope so the supplied utility styles and scoped portals apply. It does not provide expression isolation; DilRenderer owns that runtime.

The package root exports DilRenderer and its public types. Internal adapters such as the stock chart and graph are used through DIL tags; they are not separate public React exports.