@almadar/ui 5.79.0 → 5.79.1

package/dist/components/game/2d/atoms/DialogueBubble.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import type { Asset } from '@almadar/core';
-export interface DialogueBubbleProps {
-    /** Speaker name displayed at the top */
-    speaker?: string;
-    /** Dialogue text content */
-    text: string;
-    /** Speaker portrait asset */
-    portrait?: Asset;
-    /** Position of the bubble on screen */
-    position?: 'top' | 'bottom';
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare function DialogueBubble({ speaker, text, portrait, position, className, }: DialogueBubbleProps): React.JSX.Element;
-export declare namespace DialogueBubble {
-    var displayName: string;
-}

package/dist/components/game/2d/atoms/GameAudioToggle.d.ts

@@ -1,29 +0,0 @@
-/**
- * GameAudioToggle
- *
- * A small mute/unmute button for game HUDs. Self-contained: inside a
- * <GameAudioProvider> it drives the shared audio state; standalone it falls back
- * to a local muted state so it renders without a provider (the provider is an
- * implementation detail, not a precondition).
- *
- * Shows 🔊 when sound is on and 🔇 when muted.
- *
- * @packageDocumentation
- */
-import React from 'react';
-import type { UiError } from '../../../core/atoms/types';
-export interface GameAudioToggleProps {
-    /** Button size */
-    size?: 'sm' | 'md' | 'lg';
-    /** Additional CSS classes */
-    className?: string;
-    /** Loading state (passed through) */
-    isLoading?: boolean;
-    /** Error state (passed through) */
-    error?: UiError | null;
-}
-export declare function GameAudioToggle({ size, className, }: GameAudioToggleProps): React.JSX.Element;
-export declare namespace GameAudioToggle {
-    var displayName: string;
-}
-export default GameAudioToggle;

package/dist/components/game/2d/atoms/GameCard.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import type { Asset, EventEmit } from '@almadar/core';
-export interface GameCardProps {
-    id: string;
-    cost?: number;
-    /** Card art asset */
-    art?: Asset;
-    attack?: number;
-    defense?: number;
-    name?: string;
-    selected?: boolean;
-    disabled?: boolean;
-    /** Size variant — controls card dimensions and art pixel size */
-    size?: 'sm' | 'md' | 'lg';
-    /** Direct click callback */
-    onClick?: (id: string) => void;
-    /** Event-bus event emitted with `{ cardId }` on click */
-    clickEvent?: EventEmit<{
-        cardId: string;
-    }>;
-    className?: string;
-}
-export declare function GameCard({ id, cost, art, attack, defense, name, selected, disabled, size, onClick, clickEvent, className, }: GameCardProps): React.JSX.Element;
-export declare namespace GameCard {
-    var displayName: string;
-}

package/dist/components/game/2d/atoms/GameIcon.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import type { Asset } from '@almadar/core';
-import { type IconInput } from '../../../core/atoms/Icon';
-export interface GameIconProps {
-    /** Asset — when url is present, renders an img (Asset-primary). */
-    assetUrl?: Asset;
-    /** Lucide component or kebab-case icon name (fallback when no assetUrl). */
-    icon: IconInput;
-    /** Pixel size or named variant. */
-    size?: number | 'sm' | 'md' | 'lg';
-    /** Alt text for the img (defaults to assetUrl.category). */
-    alt?: string;
-    /** Additional CSS classes. */
-    className?: string;
-}
-export declare function GameIcon({ assetUrl, icon, size, alt, className }: GameIconProps): React.JSX.Element;
-export declare namespace GameIcon {
-    var displayName: string;
-}

package/dist/components/game/2d/atoms/HealthBar.d.ts

@@ -1,27 +0,0 @@
-import * as React from 'react';
-export interface HealthBarProps {
-    /** Current value */
-    current: number;
-    /** Maximum value */
-    max: number;
-    /** Display format.
-     * - `hearts` / `bar` / `numeric` — health display
-     * - `progress` — XP / generic progress bar with optional level badge and value label */
-    format?: 'hearts' | 'bar' | 'numeric' | 'progress';
-    /** Current level — shown as "Lv.N" badge when format="progress" */
-    level?: number;
-    /** Show value label below bar when format="progress" */
-    showLabel?: boolean;
-    /** Label suffix shown next to the value (e.g. "XP") when showLabel=true */
-    labelSuffix?: string;
-    /** Size variant */
-    size?: 'sm' | 'md' | 'lg';
-    /** Additional CSS classes */
-    className?: string;
-    /** Animation on change */
-    animated?: boolean;
-}
-export declare function HealthBar({ current, max, format, level, showLabel, labelSuffix, size, className, animated, }: HealthBarProps): React.JSX.Element;
-export declare namespace HealthBar {
-    var displayName: string;
-}

package/dist/components/game/2d/atoms/ItemSlot.d.ts

@@ -1,29 +0,0 @@
-import * as React from 'react';
-import { type IconInput } from '../../../core/atoms/Icon';
-import type { Asset } from '@almadar/core';
-export interface ItemSlotProps {
-    /** Sprite asset — takes precedence over icon when provided */
-    assetUrl?: Asset;
-    /** Icon component or emoji — shown only when assetUrl is absent */
-    icon?: IconInput;
-    /** Item label */
-    label?: string;
-    /** Stack quantity */
-    quantity?: number;
-    /** Rarity tier affecting border color */
-    rarity?: 'common' | 'uncommon' | 'rare' | 'epic' | 'legendary';
-    /** Whether the slot is empty */
-    empty?: boolean;
-    /** Size variant */
-    size?: 'sm' | 'md' | 'lg';
-    /** Whether the slot is selected */
-    selected?: boolean;
-    /** Click handler */
-    onClick?: () => void;
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare function ItemSlot({ assetUrl, icon, label, quantity, rarity, empty, size, selected, onClick, className, }: ItemSlotProps): React.JSX.Element;
-export declare namespace ItemSlot {
-    var displayName: string;
-}

package/dist/components/game/2d/atoms/MiniMap.d.ts

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import type { Rect } from '../../../core/atoms/types';
-export interface MiniMapTile {
-    x: number;
-    y: number;
-    color: string;
-}
-export interface MiniMapUnit {
-    x: number;
-    y: number;
-    color: string;
-    isPlayer?: boolean;
-}
-export interface MiniMapProps {
-    /** Tile data: each tile renders as a 1px dot at (x,y) with the given color */
-    tiles?: MiniMapTile[];
-    /** Unit positions: each unit renders as a 2px dot */
-    units?: MiniMapUnit[];
-    /** Canvas display width in pixels */
-    width?: number;
-    /** Canvas display height in pixels */
-    height?: number;
-    /** Logical map width (for coordinate scaling) */
-    mapWidth?: number;
-    /** Logical map height (for coordinate scaling) */
-    mapHeight?: number;
-    /** Viewport rectangle outline */
-    viewportRect?: Rect;
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare function MiniMap({ tiles, units, width, height, mapWidth, mapHeight, viewportRect, className, }: MiniMapProps): React.JSX.Element;
-export declare namespace MiniMap {
-    var displayName: string;
-}

package/dist/components/game/2d/atoms/ResourceCounter.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import type { ColorToken } from '../../../core/atoms/types';
-import { type IconInput } from '../../../core/atoms/Icon';
-import type { Asset } from '@almadar/core';
-export interface ResourceCounterProps {
-    /** Sprite asset — takes precedence over icon when provided */
-    assetUrl?: Asset;
-    /** Icon component or emoji */
-    icon?: IconInput;
-    /** Resource label */
-    label: string;
-    /** Current value */
-    value: number;
-    /** Maximum value */
-    max?: number;
-    /** Semantic palette token or an arbitrary Tailwind color class. */
-    color?: ColorToken | string;
-    /** Size variant */
-    size?: 'sm' | 'md' | 'lg';
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare function ResourceCounter({ assetUrl, icon, label, value, max, color, size, className, }: ResourceCounterProps): React.JSX.Element;
-export declare namespace ResourceCounter {
-    var displayName: string;
-}

package/dist/components/game/2d/atoms/ScoreDisplay.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { type IconInput } from '../../../core/atoms/Icon';
-import type { Asset } from '@almadar/core';
-export interface ScoreDisplayProps {
-    /** Sprite asset — takes precedence over icon when provided */
-    assetUrl?: Asset;
-    /** Current score value */
-    value: number;
-    /** Alias for value — common schema binding name */
-    score?: number;
-    /** Label to display before score */
-    label?: string;
-    /** Icon component or emoji */
-    icon?: IconInput;
-    /** Size variant */
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-    /** Additional CSS classes */
-    className?: string;
-    /** Number formatting locale */
-    locale?: string;
-}
-export declare function ScoreDisplay({ assetUrl, value, score, label, icon, size, className, locale, }: ScoreDisplayProps): React.JSX.Element;
-export declare namespace ScoreDisplay {
-    var displayName: string;
-}

package/dist/components/game/2d/atoms/Sprite.d.ts

@@ -1,52 +0,0 @@
-/**
- * Sprite Component
- *
- * Renders a single frame from a spritesheet with transform support.
- */
-import React from 'react';
-import type { EventKey, Asset } from "@almadar/core";
-import type { AnimationName } from '../../shared/spriteAnimationTypes';
-export interface SpriteProps {
-    /** Spritesheet asset */
-    spritesheet: Asset;
-    /** Width of each frame in pixels */
-    frameWidth: number;
-    /** Height of each frame in pixels */
-    frameHeight: number;
-    /** Frame index to display (0-based, left-to-right, top-to-bottom) */
-    frame: number;
-    /** X position in pixels */
-    x: number;
-    /** Y position in pixels */
-    y: number;
-    /** Scale factor (default: 1) */
-    scale?: number;
-    /** Flip horizontally */
-    flipX?: boolean;
-    /** Flip vertically */
-    flipY?: boolean;
-    /** Rotation in degrees */
-    rotation?: number;
-    /** Opacity (0-1) */
-    opacity?: number;
-    /** Z-index for layering */
-    zIndex?: number;
-    /** Number of columns in spritesheet (for frame calculation) */
-    columns?: number;
-    /** Animation state name — drives lolo-ui config knob for animation selection */
-    animState?: AnimationName;
-    /** Frames per second — drives lolo-ui config knob for animation speed */
-    frameRate?: number;
-    /** Optional className */
-    className?: string;
-    /** Optional onClick handler */
-    onClick?: () => void;
-    /** Declarative event name emitted on click via useEventBus */
-    action?: EventKey;
-}
-export declare function Sprite({ spritesheet, frameWidth, frameHeight, frame, x, y, scale, flipX, flipY, rotation, opacity, zIndex, columns, animState: _animState, frameRate: _frameRate, className, onClick, action, }: SpriteProps): React.JSX.Element;
-/**
- * Canvas-based sprite renderer for better performance in game loops
- */
-export declare function drawSprite(ctx: CanvasRenderingContext2D, image: HTMLImageElement, props: Omit<SpriteProps, 'spritesheet' | 'className' | 'onClick'>): void;
-export default Sprite;

package/dist/components/game/2d/atoms/StateIndicator.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import { type IconInput } from '../../../core/atoms/Icon';
-import type { Asset } from '@almadar/core';
-export interface StateStyle {
-    icon: IconInput;
-    bgClass: string;
-}
-export type StateIndicatorState = 'idle' | 'active' | 'sleeping' | 'moving' | 'eating' | 'waiting' | 'happy' | 'scared' | 'done' | 'error' | 'ready' | 'cooldown';
-export interface StateIndicatorProps {
-    /** Sprite image URL — takes precedence over the state icon when provided */
-    assetUrl?: Asset;
-    /** The current state — known values get a styled indicator, unknown values fall back to default */
-    state: StateIndicatorState | string;
-    /** Optional label override */
-    label?: string;
-    /** Size variant */
-    size?: 'sm' | 'md' | 'lg';
-    /** Whether to show pulse animation on non-idle states */
-    animated?: boolean;
-    /** Custom state styles to extend/override defaults */
-    stateStyles?: Record<string, StateStyle>;
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare function StateIndicator({ assetUrl, state, label, size, animated, stateStyles, className, }: StateIndicatorProps): React.JSX.Element;
-export declare namespace StateIndicator {
-    var displayName: string;
-}
-export default StateIndicator;

package/dist/components/game/2d/atoms/StatusEffect.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { type IconInput } from '../../../core/atoms/Icon';
-import type { Asset } from '@almadar/core';
-export interface StatusEffectProps {
-    /** Sprite asset — takes precedence over icon when provided */
-    assetUrl?: Asset;
-    /** Lucide icon name or component */
-    icon?: IconInput;
-    /** Label describing the effect */
-    label?: string;
-    /** Remaining duration in seconds */
-    duration?: number;
-    /** Number of stacks */
-    stacks?: number;
-    /** Effect type */
-    variant?: 'buff' | 'debuff' | 'neutral';
-    /** Size variant */
-    size?: 'sm' | 'md' | 'lg';
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare function StatusEffect({ assetUrl, icon, label, duration, stacks, variant, size, className, }: StatusEffectProps): React.JSX.Element;
-export declare namespace StatusEffect {
-    var displayName: string;
-}

package/dist/components/game/2d/atoms/TimerDisplay.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-export interface TimerDisplayProps {
-    /** Time in seconds */
-    seconds: number;
-    /** Whether the timer is running */
-    running?: boolean;
-    /** Display format */
-    format?: 'mm:ss' | 'ss' | 'countdown';
-    /** Size variant */
-    size?: 'sm' | 'md' | 'lg';
-    /** Additional CSS classes */
-    className?: string;
-    /** Seconds below which to pulse red */
-    lowThreshold?: number;
-}
-export declare function TimerDisplay({ seconds, running, format, size, className, lowThreshold, }: TimerDisplayProps): React.JSX.Element;
-export declare namespace TimerDisplay {
-    var displayName: string;
-}

package/dist/components/game/2d/atoms/TurnIndicator.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import type { Asset } from '@almadar/core';
-export interface TurnIndicatorProps {
-    /** Sprite asset — takes precedence over the dot indicator when provided */
-    assetUrl?: Asset;
-    /** Current turn number */
-    currentTurn: number;
-    /** Maximum number of turns */
-    maxTurns?: number;
-    /** Name of the active team */
-    activeTeam?: string;
-    /** Current phase label */
-    phase?: string;
-    /** Size variant */
-    size?: 'sm' | 'md' | 'lg';
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare function TurnIndicator({ assetUrl, currentTurn, maxTurns, activeTeam, phase, size, className, }: TurnIndicatorProps): React.JSX.Element;
-export declare namespace TurnIndicator {
-    var displayName: string;
-}

package/dist/components/game/2d/atoms/WaypointMarker.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import { type IconInput } from '../../../core/atoms/Icon';
-import type { Asset } from '@almadar/core';
-export interface WaypointMarkerProps {
-    /** Sprite asset — takes precedence over icon when provided */
-    assetUrl?: Asset;
-    /** Label text below the marker */
-    label?: string;
-    /** Custom icon to render inside the marker */
-    icon?: IconInput;
-    /** Whether this waypoint is currently active */
-    active?: boolean;
-    /** Whether this waypoint has been completed */
-    completed?: boolean;
-    /** Size variant */
-    size?: 'sm' | 'md' | 'lg';
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare function WaypointMarker({ assetUrl, label, icon, active, completed, size, className, }: WaypointMarkerProps): React.JSX.Element;
-export declare namespace WaypointMarker {
-    var displayName: string;
-}

package/dist/components/game/2d/molecules/Canvas2D.d.ts

@@ -1,161 +0,0 @@
-/**
- * Canvas2D
- *
- * The unified 2D game renderer (GR-6 consolidation). One canvas, a `projection`
- * axis, layered render passes, opt-in clock. Absorbs IsometricCanvas (iso/hex/flat),
- * GameCanvas2D (→ `projection:'free'`, pixel-direct draw) and PlatformerCanvas
- * (→ `projection:'side'` + `platforms[]`).
- *
- * Pure renderer: every game datum arrives via props; only view state (viewport,
- * camera, sprite cache) is local. The clock is LOLO-driven by default — `animate`
- * opts a board into an internal RAF, but the default is OFF.
- *
- * Projection modes:
- * - `isometric | hex | flat`: 2:1 diamond / pointy-top hex / orthographic square,
- *   all via `isoToScreen` — identical to IsometricCanvas.
- * - `free`: tile/unit/feature x,y are SCREEN PIXELS drawn directly (no diamond),
- *   reusing the same sprite-drawing passes.
- * - `side`: side-view pixel space with `platforms[]` (AABB) + follow-camera +
- *   keyboard input — an isolated branch ported from PlatformerCanvas.
- *
- * @packageDocumentation
- */
-import * as React from 'react';
-import type { Asset, EventEmit } from '@almadar/core';
-import type { IsometricTile, IsometricUnit, IsometricFeature, ActiveEffect } from '../../shared/isometricTypes';
-import type { ResolvedFrame } from '../../shared/spriteAnimationTypes';
-import type { UiError } from '../../../core/atoms/types';
-export interface TileCoord {
-    x: number;
-    y: number;
-}
-/** Projection axis. iso/hex/flat use `isoToScreen`; `free` is pixel-direct; `side`
- *  is side-view pixel space with platforms (gravity lives in the LOLO model). */
-export type Projection = 'isometric' | 'hex' | 'flat' | 'free' | 'side';
-/** Camera behavior. `pan-zoom` = user drag+wheel; `follow` = track the player/
- *  selected unit; `fixed` = no camera motion. */
-export type CameraMode = 'pan-zoom' | 'follow' | 'fixed';
-/** A side-view platform (AABB rect). `side` projection only. */
-export interface Platform {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    type?: 'ground' | 'platform' | 'hazard' | 'goal';
-}
-/** A side-view player. The model owns physics; Canvas2D only interpolates+draws. */
-export interface SidePlayer {
-    x: number;
-    y: number;
-    width?: number;
-    height?: number;
-    vx?: number;
-    vy?: number;
-    grounded?: boolean;
-    facingRight?: boolean;
-}
-export interface Canvas2DProps {
-    /** Additional CSS classes */
-    className?: string;
-    /** Loading state indicator */
-    isLoading?: boolean;
-    /** Error state */
-    error?: UiError | null;
-    /** Projection axis (default 'isometric'). Replaces the old `tileLayout`. */
-    projection?: Projection;
-    /** Tiles to render */
-    tiles?: IsometricTile[];
-    /** Units on the board */
-    units?: IsometricUnit[];
-    /** Features (resources, portals, buildings, etc.) */
-    features?: IsometricFeature[];
-    /** Active visual effects, drawn after units */
-    effects?: ActiveEffect[];
-    /** Side-view platforms (AABB). `projection:'side'` only. */
-    platforms?: Platform[];
-    /** Side-view player. `projection:'side'` only. */
-    player?: SidePlayer;
-    /** Background image (tiled behind iso/hex/flat/free; stretched in side). */
-    backgroundImage?: Asset;
-    /** Currently selected unit ID */
-    selectedUnitId?: string | null;
-    /** Valid move positions (pulsing green highlights) */
-    validMoves?: TileCoord[];
-    /** Attack target positions (pulsing red highlights) */
-    attackTargets?: TileCoord[];
-    /** Hovered tile position */
-    hoveredTile?: TileCoord | null;
-    /** Emits UI:{tileClickEvent} with { x, y } on tile click */
-    tileClickEvent?: EventEmit<{
-        x: number;
-        y: number;
-    }>;
-    /** Emits UI:{unitClickEvent} with { unitId } on unit click */
-    unitClickEvent?: EventEmit<{
-        unitId: string;
-    }>;
-    /** Emits UI:{tileHoverEvent} with { x, y } on tile hover */
-    tileHoverEvent?: EventEmit<{
-        x: number;
-        y: number;
-    }>;
-    /** Emits UI:{tileLeaveEvent} with {} on tile leave */
-    tileLeaveEvent?: EventEmit<Record<string, never>>;
-    /** Emits UI:{keyEvent} with { key } on keydown — for side/free keyboard control */
-    keyEvent?: EventEmit<{
-        key: string;
-    }>;
-    /** Camera behavior (default 'pan-zoom'). */
-    camera?: CameraMode;
-    /** Render scale (0.4 = 40% zoom). */
-    scale?: number;
-    /** Extra scale multiplier for unit draw size. 1 = default. */
-    unitScale?: number;
-    /** Toggle minimap overlay. */
-    showMinimap?: boolean;
-    /** Opt-in internal RAF clock. DEFAULT OFF — the LOLO state machine drives the clock. */
-    animate?: {
-        fps: number;
-    };
-    /** Show debug grid lines and coordinates. */
-    debug?: boolean;
-    /** Ratio of unit draw height to scaledFloorHeight. Default 1.5. */
-    spriteHeightRatio?: number;
-    /** Max unit draw width as a ratio of scaledTileWidth. Default 0.6. */
-    spriteMaxWidthRatio?: number;
-    /** Override for the diamond-top Y offset within the tile sprite. */
-    diamondTopY?: number;
-    /** Resolve terrain sprite URL from terrain key */
-    getTerrainSprite?: (terrain: string) => string | undefined;
-    /** Resolve feature sprite URL from feature type key */
-    getFeatureSprite?: (featureType: string) => string | undefined;
-    /** Resolve unit static sprite URL */
-    getUnitSprite?: (unit: IsometricUnit) => string | undefined;
-    /** Resolve animated sprite sheet frame for a unit */
-    resolveUnitFrame?: (unitId: string) => ResolvedFrame | null;
-    /** Additional sprite URLs to preload (e.g., effect sprites) */
-    effectSpriteUrls?: string[];
-    /** Draw canvas effects after units (canvas-specific: cannot be declarative) */
-    onDrawEffects?: (ctx: CanvasRenderingContext2D, animTime: number, getImage: (url: string) => HTMLImageElement | undefined) => void;
-    /** Player sprite URL for `side`. */
-    playerSprite?: Asset;
-    /** Platform-type → tile sprite URL map for `side`. */
-    tileSprites?: Record<string, Asset>;
-    /** Background color for `side` (when no backgroundImage). */
-    bgColor?: string;
-    /** World dimensions for `side` follow-camera clamp. */
-    worldWidth?: number;
-    worldHeight?: number;
-    /** Manifest mapping entity keys to resolved Asset objects (fallback resolution). */
-    assetManifest?: {
-        terrains?: Record<string, Asset>;
-        units?: Record<string, Asset>;
-        features?: Record<string, Asset>;
-        effects?: Record<string, Asset>;
-    };
-}
-export declare function Canvas2D({ className, isLoading, error, projection, tiles: _tilesPropRaw, units: _unitsPropRaw, features: _featuresPropRaw, effects: _effectsPropRaw, platforms, player, backgroundImage, selectedUnitId, validMoves, attackTargets, hoveredTile, tileClickEvent, unitClickEvent, tileHoverEvent, tileLeaveEvent, keyEvent, camera, scale, unitScale, showMinimap, animate, debug, spriteHeightRatio, spriteMaxWidthRatio, diamondTopY: diamondTopYProp, getTerrainSprite, getFeatureSprite, getUnitSprite, resolveUnitFrame, effectSpriteUrls, onDrawEffects, playerSprite, tileSprites, bgColor, worldWidth, worldHeight, assetManifest, }: Canvas2DProps): React.JSX.Element;
-export declare namespace Canvas2D {
-    var displayName: string;
-}
-export default Canvas2D;

package/dist/components/game/2d/molecules/ControlGrid.d.ts

@@ -1,42 +0,0 @@
-import * as React from 'react';
-import type { EventEmit, Asset } from '@almadar/core';
-import type { IconInput } from '../../../core/atoms/index';
-export type ControlGridKind = 'dpad' | 'actions';
-export interface ControlGridButton {
-    id: string;
-    label?: string;
-    icon?: IconInput;
-    assetUrl?: Asset;
-    variant?: 'primary' | 'secondary' | 'ghost' | string;
-}
-export type DPadDirection = 'up' | 'down' | 'left' | 'right';
-export interface ControlGridProps {
-    kind: ControlGridKind;
-    /** action buttons (kind="actions") */
-    buttons?: ControlGridButton[];
-    /** Layout for kind="actions" */
-    layout?: 'horizontal' | 'vertical' | 'diamond';
-    /** Whether to include diagonal buttons (kind="dpad") */
-    includeDiagonals?: boolean;
-    /** Called when a button/direction is pressed or released */
-    onAction?: (id: string, pressed: boolean) => void;
-    /** Event-bus event emitted with `{ id, pressed }` on press/release */
-    actionEvent?: EventEmit<{
-        id: string;
-        pressed: boolean;
-    }>;
-    /** Called when a direction is pressed or released (kind="dpad" convenience overload) */
-    onDirection?: (direction: DPadDirection, pressed: boolean) => void;
-    /** Event-bus event emitted with `{ direction, pressed }` (kind="dpad") */
-    directionEvent?: EventEmit<{
-        direction: DPadDirection;
-        pressed: boolean;
-    }>;
-    size?: 'sm' | 'md' | 'lg';
-    disabled?: boolean;
-    className?: string;
-}
-export declare function ControlGrid({ kind, buttons, layout, includeDiagonals, onAction, actionEvent, onDirection, directionEvent, size, disabled, className, }: ControlGridProps): React.JSX.Element;
-export declare namespace ControlGrid {
-    var displayName: string;
-}