/**
 * `<skip-nav-ui>` — Accessibility utility — visually-hidden link that becomes visible on
keyboard focus, letting keyboard users skip past repetitive navigation
to the main content. WCAG 2.1 Success Criterion 2.4.1 "Bypass Blocks".

Place as the FIRST focusable element on the page (typically inside
`<body>` before any nav / shell chrome). Target an `id` on your main
content region (commonly `#main` / `#main-content`).

 *
 * @see https://ui-kit.exe.xyz/site/components/skip-nav
 *
 * Type declarations generated by scripts/build/dts-codegen.mjs from
 * the component's `.a2ui.json` sidecar(s). Edit the source `.yaml`,
 * run `npm run build:components`, then `npm run codegen:dts` to
 * regenerate; or hand-author this file fully if rich event types are
 * needed beyond what the yaml `events:` block can express.
 */

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

export class UISkipNav extends UIElement {
  /** CSS id (with leading `#`) of the main content region the link skips to. */
  target: string;
  /** Link label. Defaults to "Skip to main content"; localize per site. */
  text: string;
}
