@assistant-ui/react/dist/primitives/composer/trigger/TriggerPopoverDirective.d.ts

Open-source TypeScript/React library for building production-grade AI chat experiences

import type { DirectiveFormatter, TriggerItem } from "@assistant-ui/core";
import { type FC } from "react";
export declare namespace ComposerPrimitiveTriggerPopoverDirective {
    type Props = {
        /** Defaults to `defaultDirectiveFormatter`. */
        readonly formatter?: DirectiveFormatter | undefined;
        /** Fires after an item has been inserted into the composer. */
        readonly onInserted?: ((item: TriggerItem) => void) | undefined;
    };
}
/**
 * Configures a `<TriggerPopover>` to insert a directive chip when an item is
 * selected. Render exactly one behavior sub-primitive per `<TriggerPopover>`.
 *
 * Exposed as `ComposerPrimitive.TriggerPopover.Directive`.
 *
 * @example
 * ```tsx
 * <ComposerPrimitive.TriggerPopover char="@" adapter={mentionAdapter}>
 *   <ComposerPrimitive.TriggerPopover.Directive
 *     formatter={defaultDirectiveFormatter}
 *     onInserted={(item) => track("mention", item.id)}
 *   />
 * </ComposerPrimitive.TriggerPopover>
 * ```
 */
export declare const ComposerPrimitiveTriggerPopoverDirective: FC<ComposerPrimitiveTriggerPopoverDirective.Props>;
//# sourceMappingURL=TriggerPopoverDirective.d.ts.map