/**
 * `<stepper-ui>` — Wizard / process stepper — parent step index drives numbered children's complete/current/upcoming states automatically. Renders horizontally as a labeled step bar with connectors. Use for multi-step forms, onboarding, or pipelines; for read-only event history use <timeline-ui> instead.
 *
 * @see https://ui-kit.exe.xyz/site/components/stepper
 *
 * 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 UIStepper extends UIElement {
  /** horizontal | vertical */
  orientation: string;
  /** Current step index (0-based). */
  step: number;
}

export class UIStepperItem extends UIElement {
  /** Secondary description line under the label. */
  description: string;
  /** Optional leading Phosphor icon name; overrides the auto-stamped numeric badge. */
  icon: string;
  /** Canonical stage-progress state. Mutually exclusive (prevents the
`active && completed` footgun the prior multi-Boolean shape allowed). */
  status: 'idle' | 'active' | 'completed' | 'error';
  /** Stage label. */
  text: string;
}
