/**
 * @file Kbd.tsx
 * @input Uses React, StyleX, theme tokens
 * @output Exports Kbd component and KbdProps
 * @position Core implementation; renders styled keyboard shortcut indicators
 *
 * SYNC: When modified, update:
 * - /packages/core/src/Kbd/index.ts
 * - /packages/cli/assets/templates/blocks/components/Kbd/ (showcase blocks)
 */
import React from 'react';
import type { BaseProps } from '../BaseProps';
export interface KbdProps extends BaseProps<HTMLSpanElement> {
    ref?: React.Ref<HTMLSpanElement>;
    /**
     * Keyboard shortcut string. Use "+" to separate keys.
     * Special keys: mod (Cmd on Mac), ctrl, alt, shift, enter, backspace, escape.
     * Use "plus" to render a literal "+" key (e.g. "shift+plus").
     *
     * @example
     * ```
     * "mod+k"
     * "mod+shift+p"
     * "shift+plus"
     * "enter"
     * ```
     */
    keys: string;
}
/**
 * Displays a keyboard shortcut as styled <kbd> elements.
 *
 * A general-purpose component for rendering keyboard shortcuts
 * anywhere in the system — tooltips, menus, documentation, etc.
 *
 * Platform-aware: `mod` renders as ⌘ on macOS and Ctrl elsewhere.
 * SSR-safe — defers platform detection through useSyncExternalStore to avoid
 * hydration mismatches.
 *
 * @example
 * ```
 * <Kbd keys="mod+k" />
 * ```
 */
export declare function Kbd({ keys, ref, xstyle, className, style, ...rest }: KbdProps): React.JSX.Element;
export declare namespace Kbd {
    var displayName: string;
}
//# sourceMappingURL=Kbd.d.ts.map