/**
 * `<step-progress-ui>` — Discrete-dash step-progress indicator. One <span> dash per step in
[total]; the first [value] dashes are filled with --a-accent. Used
in multi-step flows (registration, onboarding, wizards). Replaces
the bespoke `[data-onb-progress]` + `[data-reg-progress]` markup
that lived in onboarding.css + registration.css with a single
primitive.

 *
 * @see https://ui-kit.exe.xyz/site/components/step-progress
 *
 * 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 UIStepProgress extends UIElement {
  /** Optional caption text rendered above the track (e.g. 'Step 3 of 10', 'Step 3 of 10 · Optional', 'All steps complete'). Hidden when empty. */
  caption: string;
  /** Total number of steps. The track renders this many dashes. */
  total: number;
  /** Number of steps completed (1-indexed). Clamped to [0, total]. */
  value: number;
}
