@kitn.ai/ui/dist/ui/status.d.ts

Framework-agnostic, Shadow-DOM web components for building AI chat interfaces — works in React, Vue, Angular, Svelte, or plain HTML. Authored in SolidJS.

import { JSX } from 'solid-js';
export type StatusKind = 'new' | 'online' | 'busy' | 'away' | 'offline';
/** status → background hue utility (backed by the kit's tool-* / muted tokens). */
export declare const STATUS_BG: Record<StatusKind, string>;
export interface StatusProps extends JSX.HTMLAttributes<HTMLSpanElement> {
    status?: StatusKind;
    size?: 'sm' | 'md';
    /** Add an animated ping ring (disabled under prefers-reduced-motion). */
    pulse?: boolean;
    /** Accessible name. With it, the dot is announced; without it, it is decorative. */
    label?: string;
}
export declare function Status(props: StatusProps): JSX.Element;