Individual Components

// Import only what you need — fully tree-shakeable
import { ComposeKitButton }    from '@brainpiper/composekit/button';
import { ComposeKitInput }     from '@brainpiper/composekit/input';
import { ComposeKitSelect }    from '@brainpiper/composekit/select';
import { ComposeKitToggle }    from '@brainpiper/composekit/toggle';
import { ComposeKitChart }     from '@brainpiper/composekit/chart';
import { ComposeKitTabs }      from '@brainpiper/composekit/tabs';
import { ComposeKitStepper }   from '@brainpiper/composekit/stepper';
import { ComposeKitToast }     from '@brainpiper/composekit/toast';
import { ComposeKitSpinner }   from '@brainpiper/composekit/spinner';
import { ComposeKitTree }      from '@brainpiper/composekit/tree';
// ... any of the available components

// No ComposeKitClient.init() needed.
// No widgetId, no CDN fetch, no layout descriptor.
import { ComposeKitButton } from '@brainpiper/composekit/button';
import { ComposeKitInput }  from '@brainpiper/composekit/input';

function ProfileForm() {
    return (
        <form>
            <ComposeKitInput label="Name" dataPath="profile.name" />
            <ComposeKitInput label="Email" type="email" dataPath="profile.email" />
            <ComposeKitButton label="Save" variant="default" />
        </form>
    );
}