import { LitElement } from 'lit'; import { STATE_TYPES, STATE_SIZES } from './defs'; /** * State Indicator. Communicates a contextual * state (error, no access, empty, no results, sleep/idle) with an * illustration, header, description, and call(s) to action. Replaces the * deprecated `kyn-error-block` and Empty State guidance. * @slot header - Slot for the state header text. * @slot unnamed - Slot for the state description / subheader text. * @slot primary - Slot for the primary call to action (e.g. `kyn-button`). * @slot secondary - Slot for the secondary button. Rendered only when `size="large"`. * @slot link - Slot for the secondary link (e.g. `kyn-link`). Rendered only when `size="medium"`. * @csspart visual - The illustration / icon container. Exposed so consumers can standardize its height when aligning multiple instances (e.g. in a grid). */ export declare class StateIndicator extends LitElement { static styles: import("lit").CSSResult; /** * The state type, which determines the illustration/icon shown. * Note: `sleep` is only supported on `size="large"`; on `medium` / `small` * it falls back to `empty`. */ accessor type: STATE_TYPES; /** The size variant. */ accessor size: STATE_SIZES; /** Hides the description / subheader text. */ accessor hideDescription: boolean; /** Hides all call(s) to action. */ accessor hideActionsBtns: boolean; /** Hides the secondary call to action (large secondary button or medium link). */ accessor hideSecondaryAction: boolean; /** * Tracks whether the primary action slot has content. * @internal */ accessor _hasPrimaryAction: boolean; /** * Tracks whether the large secondary action slot has content. * @internal */ accessor _hasSecondaryAction: boolean; /** * Tracks whether the medium link action slot has content. * @internal */ accessor _hasLinkAction: boolean; render(): import("lit-html").TemplateResult<1>; /** * Syncs action wrapper visibility with slotted CTA content. * @internal */ _handleActionSlotChange(event: Event): void; } declare global { interface HTMLElementTagNameMap { 'kyn-state-indicator': StateIndicator; } } //# sourceMappingURL=stateIndicator.d.ts.map