import type { CSSProperties } from 'react';
/**
 * Peek's Skeleton (2026-08-28), the generic parts only: the bar, a row
 * shaped like a list row, and a list of them. Peek's placeholders shaped
 * like a conversation card or a huddle card know what those are and stay
 * in Peek, built from the bar.
 *
 * A list reveals after 150ms (`animate-skeleton-in`, in the preset) so a
 * fast load never flashes a skeleton — Peek's rule.
 */
declare const SKELETON_SHAPE: {
    readonly bar: "rounded-sm";
    readonly round: "rounded-full";
    readonly control: "rounded-md";
};
/** One pulsing bar at the inset colour: the piece every placeholder here is
 *  built from. It draws nothing of its own — give it a width and a height.
 *  `on="inset"` on an inset card, where the inset colour would vanish;
 *  `shape` for a line of words, a face or a ring, or a control. */
export declare function SkeletonBar({ className, style, on, shape }: {
    className?: string;
    style?: CSSProperties;
    on?: 'surface' | 'inset';
    shape?: keyof typeof SKELETON_SHAPE;
}): import("react").JSX.Element;
/** A 32px row: a 16px square and a bar, like a row with a face and a name. */
export declare function SkeletonRow({ barWidth }: {
    barWidth?: number;
}): import("react").JSX.Element;
/** Rows of varied widths, so the placeholder does not read as a pattern. */
export declare function SkeletonList({ rows, className }: {
    rows?: number;
    className?: string;
}): import("react").JSX.Element;
export {};
//# sourceMappingURL=Skeleton.d.ts.map