/**
 * Non-side-effect class export for `<kbd-ui>`.
 *
 * Importing this file gives you the class(es) without auto-registering the tag.
 * Useful for test isolation, subclassing with tag-name override, or selective
 * composition.
 *
 * The auto-register path stays at `@adia-ai/web-components/components/kbd`
 * (which imports this file + calls `defineIfFree()`).
 *
 * @see ../../USAGE.md#registration--auto-vs-explicit
 */

/**
 * <kbd-ui>⌘</kbd-ui><kbd-ui>K</kbd-ui>
 * <kbd-ui>Ctrl+C</kbd-ui>
 *
 * Keyboard key cap. Purely decorative — content comes from innerHTML.
 * Em-relative sizing so it scales with surrounding text.
 */

import { UIElement } from '../../core/element.js';

export class UIKbd extends UIElement {
  static properties = {
    size: { type: String, default: '', reflect: true },
  };

  static template = () => null;

  connected() {
    this.setAttribute('role', 'presentation');
  }
}
