@kitn.ai/ui/dist/ui/skeleton.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 SkeletonVariant = 'text' | 'rect' | 'circle';
export interface SkeletonProps extends JSX.HTMLAttributes<HTMLDivElement> {
    /** Shape preset. `text` = one or more lines; `rect` = a block; `circle` =
     *  round. Omit for the bare, class-driven block (size it with utility classes
     *  yourself — the original low-level usage). */
    variant?: SkeletonVariant;
    /** CSS width (a number is treated as px). With a `variant` and no width it
     *  fills its container (responsive); for `circle` it is the diameter. */
    width?: string | number;
    /** CSS height (a number is treated as px). Defaults per variant. */
    height?: string | number;
    /** `text` only: how many lines to render (the last is shorter). Default 1. */
    lines?: number;
}
declare function Skeleton(props: SkeletonProps): JSX.Element;
export { Skeleton };