import { LitElement } from 'lit'; type CardType = 'normal' | 'clickable'; type CardTarget = '_self' | '_blank' | '_parent' | '_top'; type CardVariant = 'default' | 'notification' | 'interaction'; import '../inlineConfirm/inlineConfirm'; /** * Card. * @fires on-card-click - Captures the click event of clickable card and emits the original event details. Use `e.stopPropagation()` / `e.preventDefault()` for any internal clickable elements when card type is `'clickable'` to stop bubbling / prevent event. `detail:{ origEvent: PointerEvent }` * @slot unnamed - Slot for card contents. * @slot leftIcon - Slot for left icon when `variant` is `'notification'`. * @slot inlineConfirm - Slot for right icon when `variant` is `'notification'`. * @part card-wrapper - The wrapper element of the card. Use this part to customize its styles such as padding . Ex: kyn-card::part(card-wrapper) */ export declare class Card extends LitElement { static styles: import("lit").CSSResult[]; /** Card Type. `'normal'` & `'clickable'` */ accessor type: CardType; /** Card link url for clickable cards. */ accessor href: string; /** Use for Card type `'clickable'`. Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship. */ accessor rel: string; /** Defines a target attribute for where to load the URL in case of clickable card. Possible options include `'_self'` (default), `'_blank'`, `'_parent'`, `'_top'` */ accessor target: CardTarget; /** Hide card border. Useful when clickable card use inside `` component. */ accessor hideBorder: boolean; /** AI theme toggle */ accessor aiConnected: boolean; /** Set this to `true` for highlight */ accessor highlight: boolean; /** Compact mode, reduces padding. */ accessor compact: boolean; /** Card variant. `'default'`, `'notification'`, `'interaction'` * * `'notification'` variant is used primarily for Info Card * and contains additional padding, per design specs. * * `'interaction'` variant is used for AI response */ accessor variant: CardVariant; render(): import("lit-html").TemplateResult<1>; private renderNonDefaultVariant; /** @internal */ private get _computedRel(); /** @internal */ private _onClick; /** @internal */ private _onKeydown; /** @internal */ private _forwardConfirm; connectedCallback(): void; disconnectedCallback(): void; } declare global { interface HTMLElementTagNameMap { 'kyn-card': Card; } } export {}; //# sourceMappingURL=card.d.ts.map