@kitn.ai/ui/dist/components/empty.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';
import { VariantProps } from 'class-variance-authority';
/**
 * Empty — a composable empty-state block, modeled on shadcn/ui's `Empty`.
 * Structure:
 *   Empty
 *   ├── EmptyHeader
 *   │   ├── EmptyMedia   (icon / avatar)
 *   │   ├── EmptyTitle
 *   │   └── EmptyDescription
 *   └── EmptyContent     (actions / suggestions)
 *
 * Styling is token-driven (`--color-*`), so it themes with the rest of the kit.
 * No visible border by default; add `border border-dashed` via `class` for a card.
 */
export interface EmptyProps extends JSX.HTMLAttributes<HTMLDivElement> {
    children: JSX.Element;
}
declare function Empty(props: EmptyProps): JSX.Element;
export interface EmptyHeaderProps extends JSX.HTMLAttributes<HTMLDivElement> {
    children: JSX.Element;
}
declare function EmptyHeader(props: EmptyHeaderProps): JSX.Element;
declare const emptyMediaVariants: (props?: ({
    variant?: "default" | "icon" | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
export interface EmptyMediaProps extends JSX.HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyMediaVariants> {
    children: JSX.Element;
}
declare function EmptyMedia(props: EmptyMediaProps): JSX.Element;
export interface EmptyTitleProps extends JSX.HTMLAttributes<HTMLDivElement> {
    children: JSX.Element;
}
declare function EmptyTitle(props: EmptyTitleProps): JSX.Element;
export interface EmptyDescriptionProps extends JSX.HTMLAttributes<HTMLParagraphElement> {
    children: JSX.Element;
}
declare function EmptyDescription(props: EmptyDescriptionProps): JSX.Element;
export interface EmptyContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
    children: JSX.Element;
}
declare function EmptyContent(props: EmptyContentProps): JSX.Element;
export { Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent, emptyMediaVariants, };