/**
 * `<stack-ui>` — Grid-overlay layout primitive — children stack on TOP of each
other in a single grid cell (z-axis layering). Distinct from
<col-ui> (vertical) / <row-ui> (horizontal) / <grid-ui> (2D
grid with cells). Use stack-ui for badge overlays on avatars,
absolute-positioned UI on top of charts, loading spinners over
content, or any case where children must occupy the same physical
space. [align] controls how children align within the shared
cell.

 *
 * @see https://ui-kit.exe.xyz/site/components/stack
 *
 * 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 UIStack extends UIElement {
  /** Alignment of the layered children within the shared cell (maps to grid place-items). `center` (default) plus eight directional keywords. */
  align: 'center' | 'top-left' | 'top' | 'top-right' | 'left' | 'right' | 'bottom-left' | 'bottom' | 'bottom-right';
}
