import { CustomElement } from '../../Abstracts/CustomElement'; import { IKbdElementProps } from './IKbdElementProps'; declare const KbdElement_base: (abstract new (...args: Array) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Valueable").IValueableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Variantable").IVariantableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor; /** * Kbd - Represents user input from a keyboard, typically used for keyboard shortcuts or key sequences. * * @element mosaik-kbd * * @description * The Kbd component is used to display text styled in a way that indicates user input from a keyboard. * It is often used to represent keyboard shortcuts, key sequences, or any other form of user input * that is relevant to the interface. * * @category Text * * @example * Keyboard shortcut using slotted text: * ```html * Ctrl + C * ``` * * @example * Keyboard shortcut via value attribute: * ```html * * ``` * * @example * Styled keyboard key with variant: * ```html * Enter * ``` * * @public */ export declare class KbdElement extends KbdElement_base implements IKbdElementProps { private readonly _modifierSymbols; private readonly _modifierKeys; /** * @public */ constructor(); /** * Returns the `is` property. * The `is` property represents natural name of this element. * * @public * @static * @readonly */ static get is(): string; /** * Gets or sets the `value` property. * * @public * @override * @attr */ get value(): Array; set value(value: Array); } /** * @public */ export declare namespace KbdElement { type Props = IKbdElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-kbd': KbdElement; } } export {}; //# sourceMappingURL=KbdElement.d.ts.map