@almadar/ui 2.6.0 → 2.8.1

package/dist/components/index.d.ts

@@ -3,18 +3,18 @@ import React__default, { ReactNode, ErrorInfo } from 'react';
 import { LucideIcon } from 'lucide-react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { SExpr } from '@almadar/evaluator';
-import { OrbitalEntity } from '@almadar/core';
-import { b as DomLayoutData, d as DomStateNode, V as VisualizerConfig, e as DomTransitionLabel, C as ContentSegment } from '../cn-BoBXsxuX.js';
-export { h as cn } from '../cn-BoBXsxuX.js';
-import { I as IsometricTile, a as IsometricUnit, b as IsometricFeature, C as CameraState } from '../isometric-ynNHVPZx.js';
 export { AuthContextValue, AuthUser, ChangeSummary, CompileResult, CompileStage, DragReorderResult, ENTITY_EVENTS, EntityDataAdapter, EntityDataProvider, EntityDataRecord, EntityMutationResult, Extension, ExtensionManifest, FileSystemFile, FileSystemStatus, GitHubRepo, GitHubStatus, HistoryTimelineItem, I18nContextValue, I18nProvider, InfiniteScrollOptions, InfiniteScrollResult, LongPressHandlers, LongPressOptions, OpenFile, OrbitalEventPayload, OrbitalEventResponse, PinchZoomOptions, PinchZoomResult, PullToRefreshOptions, PullToRefreshResult, QuerySingletonEntity, QuerySingletonResult, QuerySingletonState, QueryState, ResolvedEntity, RevertResult, SelectedFile, SwipeGestureOptions, SwipeGestureResult, SwipeHandlers, TranslateFunction, UseCompileResult, UseEntityDetailResult, UseEntityListOptions, UseEntityListResult, UseEntityMutationsOptions, UseExtensionsOptions, UseExtensionsResult, UseFileEditorOptions, UseFileEditorResult, UseFileSystemResult, UseOrbitalHistoryOptions, UseOrbitalHistoryResult, createTranslate, entityDataKeys, parseQueryBinding, useAgentChat, useAuthContext, useCompile, useConnectGitHub, useCreateEntity, useDeepAgentGeneration, useDeleteEntity, useDisconnectGitHub, useDragReorder, useEmitEvent, useEntities, useEntitiesByType, useEntity, useEntityById, useEntityDataAdapter, useEntityDetail, useEntityList, useEntityListSuspense, useEntityMutations, useEntitySuspense, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInfiniteScroll, useInput, useLongPress, useOrbitalHistory, useOrbitalMutations, usePhysics, usePinchZoom, usePlayer, usePreview, usePullToRefresh, useQuerySingleton, useResolvedEntity, useSelectedEntity, useSendOrbitalEvent, useSingletonEntity, useSwipeGesture, useTranslate, useUIEvents, useUpdateEntity, useValidation } from '../hooks/index.js';
 import { E as EventBusContextType } from '../event-bus-types-CjJduURa.js';
 export { a as EventListener, K as KFlowEvent, U as Unsubscribe } from '../event-bus-types-CjJduURa.js';
+import { I as IsometricTile, a as IsometricUnit, b as IsometricFeature, C as CameraState } from '../isometric-ynNHVPZx.js';
+import { OrbitalEntity } from '@almadar/core';
+import { b as DomLayoutData, d as DomStateNode, V as VisualizerConfig, e as DomTransitionLabel, C as ContentSegment } from '../cn-BoBXsxuX.js';
+export { h as cn } from '../cn-BoBXsxuX.js';
 import { S as SlotContent, a as UISlot } from '../useUISlots-BBjNvQtb.js';
 export { D as DEFAULT_SLOTS, R as RenderUIConfig, b as SlotAnimation, c as SlotChangeCallback, U as UISlotManager, u as useUISlotManager } from '../useUISlots-BBjNvQtb.js';
 export { Entity, clearEntities, getAllEntities, getByType, getEntity, getSingleton, removeEntity, spawnEntity, updateEntity, updateSingleton } from '../stores/index.js';
-import 'clsx';
 import '@tanstack/react-query';
+import 'clsx';
 
 type ButtonVariant = "primary" | "secondary" | "ghost" | "danger" | "success" | "warning" | "default";
 type ButtonSize = "sm" | "md" | "lg";
@@ -1209,6 +1209,281 @@ declare namespace StateIndicator {
     var displayName: string;
 }
 
+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;
+}
+declare function TimerDisplay({ seconds, running, format, size, className, lowThreshold, }: TimerDisplayProps): react_jsx_runtime.JSX.Element;
+declare namespace TimerDisplay {
+    var displayName: string;
+}
+
+interface ResourceCounterProps {
+    /** Icon component or emoji */
+    icon?: React$1.ReactNode;
+    /** Resource label */
+    label: string;
+    /** Current value */
+    value: number;
+    /** Maximum value */
+    max?: number;
+    /** Accent color class (e.g. 'text-yellow-400') */
+    color?: string;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function ResourceCounter({ icon, label, value, max, color, size, className, }: ResourceCounterProps): react_jsx_runtime.JSX.Element;
+declare namespace ResourceCounter {
+    var displayName: string;
+}
+
+interface ItemSlotProps {
+    /** Icon component or emoji */
+    icon?: React$1.ReactNode;
+    /** 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;
+}
+declare function ItemSlot({ icon, label, quantity, rarity, empty, size, selected, onClick, className, }: ItemSlotProps): react_jsx_runtime.JSX.Element;
+declare namespace ItemSlot {
+    var displayName: string;
+}
+
+interface TurnIndicatorProps {
+    /** 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;
+}
+declare function TurnIndicator({ currentTurn, maxTurns, activeTeam, phase, size, className, }: TurnIndicatorProps): react_jsx_runtime.JSX.Element;
+declare namespace TurnIndicator {
+    var displayName: string;
+}
+
+interface ComboCounterProps {
+    /** Current combo count */
+    combo: number;
+    /** Score multiplier */
+    multiplier?: number;
+    /** Current streak */
+    streak?: number;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function ComboCounter({ combo, multiplier, streak, size, className, }: ComboCounterProps): react_jsx_runtime.JSX.Element | null;
+declare namespace ComboCounter {
+    var displayName: string;
+}
+
+interface XPBarProps {
+    /** Current XP value */
+    current: number;
+    /** XP needed for next level */
+    max: number;
+    /** Current level */
+    level?: number;
+    /** Whether to show the XP label */
+    showLabel?: boolean;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Animate the fill bar */
+    animated?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function XPBar({ current, max, level, showLabel, size, animated, className, }: XPBarProps): react_jsx_runtime.JSX.Element;
+declare namespace XPBar {
+    var displayName: string;
+}
+
+interface WaypointMarkerProps {
+    /** Label text below the marker */
+    label?: string;
+    /** Custom icon to render inside the marker */
+    icon?: React$1.ReactNode;
+    /** 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;
+}
+declare function WaypointMarker({ label, icon, active, completed, size, className, }: WaypointMarkerProps): react_jsx_runtime.JSX.Element;
+declare namespace WaypointMarker {
+    var displayName: string;
+}
+
+interface StatusEffectProps {
+    /** Icon to display for the effect */
+    icon: React$1.ReactNode;
+    /** 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;
+}
+declare function StatusEffect({ icon, label, duration, stacks, variant, size, className, }: StatusEffectProps): react_jsx_runtime.JSX.Element;
+declare namespace StatusEffect {
+    var displayName: string;
+}
+
+interface DamageNumberProps {
+    /** The damage/heal value to display */
+    value: number;
+    /** Type of number display */
+    type?: 'damage' | 'heal' | 'crit' | 'miss';
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function DamageNumber({ value, type, size, className, }: DamageNumberProps): react_jsx_runtime.JSX.Element;
+declare namespace DamageNumber {
+    var displayName: string;
+}
+
+interface DialogueBubbleProps {
+    /** Speaker name displayed at the top */
+    speaker?: string;
+    /** Dialogue text content */
+    text: string;
+    /** URL for the speaker portrait image */
+    portrait?: string;
+    /** Position of the bubble on screen */
+    position?: 'top' | 'bottom';
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function DialogueBubble({ speaker, text, portrait, position, className, }: DialogueBubbleProps): react_jsx_runtime.JSX.Element;
+declare namespace DialogueBubble {
+    var displayName: string;
+}
+
+interface ChoiceButtonProps {
+    /** Choice text content */
+    text: string;
+    /** Choice index number (displayed as prefix) */
+    index?: number;
+    /** Whether the choice is disabled */
+    disabled?: boolean;
+    /** Whether the choice is currently selected */
+    selected?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function ChoiceButton({ text, index, disabled, selected, onClick, className, }: ChoiceButtonProps): react_jsx_runtime.JSX.Element;
+declare namespace ChoiceButton {
+    var displayName: string;
+}
+
+interface ActionButtonProps {
+    /** Button label text */
+    label: string;
+    /** Icon displayed before the label */
+    icon?: React$1.ReactNode;
+    /** Cooldown progress from 0 (ready) to 1 (full cooldown) */
+    cooldown?: number;
+    /** Whether the button is disabled */
+    disabled?: boolean;
+    /** Keyboard hotkey to display as a badge */
+    hotkey?: string;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Visual variant */
+    variant?: 'primary' | 'secondary' | 'danger';
+    /** Click handler */
+    onClick?: () => void;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function ActionButton$1({ label, icon, cooldown, disabled, hotkey, size, variant, onClick, className, }: ActionButtonProps): react_jsx_runtime.JSX.Element;
+declare namespace ActionButton$1 {
+    var displayName: string;
+}
+
+interface MiniMapProps {
+    /** Tile data: each tile renders as a 1px dot at (x,y) with the given color */
+    tiles?: {
+        x: number;
+        y: number;
+        color: string;
+    }[];
+    /** Unit positions: each unit renders as a 2px dot */
+    units?: {
+        x: number;
+        y: number;
+        color: string;
+        isPlayer?: boolean;
+    }[];
+    /** 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?: {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    };
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function MiniMap({ tiles, units, width, height, mapWidth, mapHeight, viewportRect, className, }: MiniMapProps): react_jsx_runtime.JSX.Element;
+declare namespace MiniMap {
+    var displayName: string;
+}
+
 interface ErrorBoundaryProps {
     /** Content to render when no error */
     children: ReactNode;
@@ -2987,590 +3262,1538 @@ declare namespace StatBadge {
     var displayName: string;
 }
 
-/**
- * GraphView Molecule Component
- *
- * Pure presentational force-directed graph visualization using SVG.
- * Entity-less, no event bus, no translations. Accepts raw nodes and edges.
- *
- * Uses a simple force simulation (repulsion + attraction + centering)
- * to lay out nodes, then renders via SVG circles and lines.
- */
-
-interface GraphViewNode {
+interface InventoryGridItem {
     id: string;
+    icon?: React$1.ReactNode;
     label?: string;
-    color?: string;
-    size?: number;
-    group?: string;
-}
-interface GraphViewEdge {
-    source: string;
-    target: string;
-    color?: string;
-    label?: string;
+    quantity?: number;
+    rarity?: 'common' | 'uncommon' | 'rare' | 'epic' | 'legendary';
 }
-interface GraphViewProps {
-    /** Graph nodes */
-    nodes: GraphViewNode[];
-    /** Graph edges */
-    edges: GraphViewEdge[];
-    /** Callback when a node is clicked */
-    onNodeClick?: (node: GraphViewNode) => void;
-    /** Callback when a node is hovered (null on leave) */
-    onNodeHover?: (node: GraphViewNode | null) => void;
-    /** Width in pixels */
-    width?: number;
-    /** Height in pixels */
-    height?: number;
+interface InventoryGridProps {
+    /** Array of items to display in the grid */
+    items: InventoryGridItem[];
+    /** Number of columns in the grid */
+    columns?: number;
+    /** Total number of slots (empty slots fill remaining space) */
+    totalSlots?: number;
+    /** Currently selected item ID */
+    selectedId?: string;
+    /** Callback when an item is selected */
+    onSelect?: (id: string) => void;
+    /** Event bus event name for selection */
+    selectEvent?: string;
+    /** Size variant for all item slots */
+    size?: 'sm' | 'md' | 'lg';
     /** Additional CSS classes */
     className?: string;
-    /** Show node labels (default true) */
-    showLabels?: boolean;
-    /** Auto zoom-to-fit after layout settles (default true) */
-    zoomToFit?: boolean;
 }
-declare const GraphView: React__default.FC<GraphViewProps>;
+declare function InventoryGrid({ items, columns, totalSlots, selectedId, onSelect, selectEvent, size, className, }: InventoryGridProps): react_jsx_runtime.JSX.Element;
+declare namespace InventoryGrid {
+    var displayName: string;
+}
 
-interface MapMarkerData {
-    /** Unique marker identifier */
-    id: string | number;
-    /** Latitude */
-    lat: number;
-    /** Longitude */
-    lng: number;
-    /** Label shown in popup */
-    label?: string;
-    /** Optional category for styling */
-    category?: string;
+interface Quest {
+    id: string;
+    title: string;
+    progress: number;
+    maxProgress: number;
+    active?: boolean;
+    completed?: boolean;
 }
-interface MapViewProps {
-    /** Array of markers to display */
-    markers?: MapMarkerData[];
-    /** Map center latitude */
-    centerLat?: number;
-    /** Map center longitude */
-    centerLng?: number;
-    /** Zoom level (1-18, default 13) */
-    zoom?: number;
-    /** Height of the map container (default "400px") */
-    height?: string;
-    /** Callback when a marker is clicked (programmatic use) */
-    onMarkerClick?: (marker: MapMarkerData) => void;
-    /** Callback when the map is clicked (programmatic use) */
-    onMapClick?: (lat: number, lng: number) => void;
-    /** Event name dispatched via event bus when the map is clicked. Payload: { latitude, longitude } */
-    mapClickEvent?: string;
-    /** Event name dispatched via event bus when a marker is clicked. Payload: marker data */
-    markerClickEvent?: string;
-    /** Whether to show a pin at the clicked location */
-    showClickedPin?: boolean;
+interface QuestTrackerProps {
+    /** Array of quests to display */
+    quests: Quest[];
+    /** ID of the currently active quest */
+    activeQuestId?: string;
     /** Additional CSS classes */
     className?: string;
-    /** Show attribution (default true) */
-    showAttribution?: boolean;
 }
-declare function MapView({ markers, centerLat, centerLng, zoom, height, onMarkerClick, onMapClick, mapClickEvent, markerClickEvent, showClickedPin, className, showAttribution, }: MapViewProps): react_jsx_runtime.JSX.Element;
+declare function QuestTracker({ quests, activeQuestId, className, }: QuestTrackerProps): react_jsx_runtime.JSX.Element;
+declare namespace QuestTracker {
+    var displayName: string;
+}
 
-type NumberStepperSize = "sm" | "md" | "lg";
-interface NumberStepperProps {
-    /** Current value */
-    value?: number;
-    /** Minimum value */
-    min?: number;
-    /** Maximum value */
-    max?: number;
-    /** Step increment */
-    step?: number;
-    /** Size variant */
-    size?: NumberStepperSize;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Direct onChange callback */
-    onChange?: (value: number) => void;
-    /** Declarative event name for value changes */
-    action?: string;
-    /** Payload to include with the action event */
-    actionPayload?: Record<string, unknown>;
+interface CraftingIngredient {
+    /** Icon component or emoji */
+    icon?: React$1.ReactNode;
+    /** Ingredient label */
+    label: string;
+    /** Number required for the recipe */
+    required: number;
+    /** Number currently available */
+    available: number;
+}
+interface CraftingRecipeProps {
+    /** Input ingredients for the recipe */
+    inputs: CraftingIngredient[];
+    /** Output item produced by the recipe */
+    output: {
+        icon?: React$1.ReactNode;
+        label: string;
+        rarity?: string;
+    };
+    /** Whether the player has enough ingredients to craft */
+    canCraft?: boolean;
+    /** Callback when the craft button is clicked */
+    onCraft?: () => void;
+    /** Event bus event name for crafting */
+    craftEvent?: string;
     /** Additional CSS classes */
     className?: string;
-    /** Accessible label */
-    label?: string;
 }
-declare const NumberStepper: React__default.FC<NumberStepperProps>;
+declare function CraftingRecipe({ inputs, output, canCraft, onCraft, craftEvent, className, }: CraftingRecipeProps): react_jsx_runtime.JSX.Element;
+declare namespace CraftingRecipe {
+    var displayName: string;
+}
 
-type StarRatingSize = "sm" | "md" | "lg";
-type StarRatingPrecision = "full" | "half";
-interface StarRatingProps {
-    /** Current rating value */
-    value?: number;
-    /** Maximum number of stars */
-    max?: number;
-    /** Read-only display mode */
-    readOnly?: boolean;
-    /** Full or half-star precision */
-    precision?: StarRatingPrecision;
-    /** Star size */
-    size?: StarRatingSize;
-    /** Declarative event name for rating changes */
-    action?: string;
-    /** Payload to include with the action event */
-    actionPayload?: Record<string, unknown>;
-    /** Direct onChange callback */
-    onChange?: (value: number) => void;
+interface ActivePowerup {
+    /** Unique powerup ID */
+    id: string;
+    /** Icon component or emoji */
+    icon?: React$1.ReactNode;
+    /** Powerup label */
+    label: string;
+    /** Remaining time in seconds */
+    remainingTime?: number;
+}
+interface PowerupSlotsProps {
+    /** Array of active powerups */
+    active: ActivePowerup[];
+    /** Maximum number of powerup slots */
+    maxSlots?: number;
     /** Additional CSS classes */
     className?: string;
-    /** Accessible label */
-    label?: string;
 }
-declare const StarRating: React__default.FC<StarRatingProps>;
+declare function PowerupSlots({ active, maxSlots, className, }: PowerupSlotsProps): react_jsx_runtime.JSX.Element;
+declare namespace PowerupSlots {
+    var displayName: string;
+}
 
-interface UploadDropZoneProps {
-    /** Accepted MIME types (e.g., "image/*", "application/pdf") */
-    accept?: string;
-    /** Max file size in bytes */
-    maxSize?: number;
-    /** Max number of files */
-    maxFiles?: number;
-    /** Label text */
+interface GameCanvas2DProps {
+    /** Canvas width in pixels */
+    width?: number;
+    /** Canvas height in pixels */
+    height?: number;
+    /** Called each frame with the 2D context and current frame count */
+    onDraw?: (ctx: CanvasRenderingContext2D, frame: number) => void;
+    /** Called each tick with delta time in seconds */
+    onTick?: (dt: number) => void;
+    /** Target frames per second */
+    fps?: number;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function GameCanvas2D({ width, height, onDraw, onTick, fps, className, }: GameCanvas2DProps): react_jsx_runtime.JSX.Element;
+declare namespace GameCanvas2D {
+    var displayName: string;
+}
+
+interface HealthPanelProps {
+    /** Current health value */
+    current: number;
+    /** Maximum health value */
+    max: number;
+    /** Shield/armor points */
+    shield?: number;
+    /** Label shown above the bar */
     label?: string;
-    /** Description text below label */
-    description?: string;
-    /** Icon name (Lucide string) */
-    icon?: string;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Declarative event name for file selection */
-    action?: string;
-    /** Payload to include with the action event */
-    actionPayload?: Record<string, unknown>;
-    /** Direct onFiles callback */
-    onFiles?: (files: File[]) => void;
+    /** Active status effects displayed as small badges */
+    effects?: {
+        icon: React$1.ReactNode;
+        label?: string;
+        variant?: 'buff' | 'debuff' | 'neutral';
+    }[];
+    /** Whether to display numeric HP values */
+    showNumbers?: boolean;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
     /** Additional CSS classes */
     className?: string;
 }
-declare const UploadDropZone: React__default.FC<UploadDropZoneProps>;
+declare function HealthPanel({ current, max, shield, label, effects, showNumbers, size, className, }: HealthPanelProps): react_jsx_runtime.JSX.Element;
+declare namespace HealthPanel {
+    var displayName: string;
+}
 
-interface LightboxImage {
-    src: string;
-    alt?: string;
-    caption?: string;
+interface ScoreBoardProps {
+    /** Current score */
+    score: number;
+    /** All-time high score */
+    highScore?: number;
+    /** Current combo count */
+    combo?: number;
+    /** Score multiplier */
+    multiplier?: number;
+    /** Current level */
+    level?: number;
+    /** Additional CSS classes */
+    className?: string;
 }
-interface LightboxProps {
-    /** Array of images to display */
-    images: LightboxImage[];
-    /** Current image index */
-    currentIndex?: number;
-    /** Whether the lightbox is open */
-    isOpen?: boolean;
-    /** Show image counter (e.g., "3 of 12") */
-    showCounter?: boolean;
-    /** Declarative close event name */
-    closeAction?: string;
-    /** Direct onClose callback */
-    onClose?: () => void;
-    /** Direct onIndexChange callback */
-    onIndexChange?: (index: number) => void;
+declare function ScoreBoard({ score, highScore, combo, multiplier, level, className, }: ScoreBoardProps): react_jsx_runtime.JSX.Element;
+declare namespace ScoreBoard {
+    var displayName: string;
+}
+
+interface ResourceBarResource {
+    /** Icon for the resource */
+    icon?: React$1.ReactNode;
+    /** Resource name */
+    label: string;
+    /** Current amount */
+    value: number;
+    /** Maximum amount (displays as bar if provided) */
+    max?: number;
+}
+interface ResourceBarProps {
+    /** Resources to display */
+    resources: ResourceBarResource[];
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
     /** Additional CSS classes */
     className?: string;
 }
-declare const Lightbox: React__default.FC<LightboxProps>;
+declare function ResourceBar({ resources, size, className, }: ResourceBarProps): react_jsx_runtime.JSX.Element;
+declare namespace ResourceBar {
+    var displayName: string;
+}
 
-/**
- * DataGrid Molecule
- *
- * A simplified, schema-driven card grid for iterating over entity data.
- * Extracted from the CardGrid organism with all complexity removed:
- * no built-in search, sort, filter, pagination, selection, or bulk actions.
- *
- * Accepts `fields` config for per-field rendering control (icon, variant, format)
- * and `itemActions` for per-item event bus wiring.
- *
- * Uses atoms only internally: Box, VStack, HStack, Typography, Badge, Button, Icon.
- */
+interface TurnPanelAction {
+    /** Action button label */
+    label: string;
+    /** Icon for the button */
+    icon?: React$1.ReactNode;
+    /** Event name to emit when clicked */
+    event?: string;
+    /** Whether the action is disabled */
+    disabled?: boolean;
+}
+interface TurnPanelProps {
+    /** Current turn number */
+    currentTurn: number;
+    /** Maximum number of turns */
+    maxTurns?: number;
+    /** Current phase label */
+    phase?: string;
+    /** Active team name */
+    activeTeam?: string;
+    /** Action buttons to display */
+    actions?: TurnPanelAction[];
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function TurnPanel({ currentTurn, maxTurns, phase, activeTeam, actions, className, }: TurnPanelProps): react_jsx_runtime.JSX.Element;
+declare namespace TurnPanel {
+    var displayName: string;
+}
 
-interface DataGridField {
-    /** Entity field name (dot-notation supported) */
-    name: string;
-    /** Display label (auto-generated from name if omitted) */
+interface EnemyPlateEffect {
+    /** Effect icon */
+    icon: React$1.ReactNode;
+    /** Effect label */
     label?: string;
-    /** Lucide icon name to show beside the field */
-    icon?: string;
-    /** Rendering variant: 'h3' for title, 'body' for text, 'caption' for small,
-     *  'badge' for status badge, 'progress' for progress display */
-    variant?: 'h3' | 'h4' | 'body' | 'caption' | 'badge' | 'small' | 'progress';
-    /** Optional format function name: 'date', 'currency', 'number', 'boolean' */
-    format?: 'date' | 'currency' | 'number' | 'boolean' | 'percent';
+    /** Effect type */
+    variant?: 'buff' | 'debuff' | 'neutral';
 }
-interface DataGridItemAction {
-    /** Button label */
+interface EnemyPlateProps {
+    /** Enemy name */
+    name: string;
+    /** Current health */
+    health: number;
+    /** Maximum health */
+    maxHealth: number;
+    /** Enemy level */
+    level?: number;
+    /** Active status effects */
+    effects?: EnemyPlateEffect[];
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function EnemyPlate({ name, health, maxHealth, level, effects, className, }: EnemyPlateProps): react_jsx_runtime.JSX.Element;
+declare namespace EnemyPlate {
+    var displayName: string;
+}
+
+interface UnitCommand {
+    /** Command label */
     label: string;
-    /** Event name to emit (dispatched as UI:{event} with { row: itemData }) */
-    event: string;
-    /** Lucide icon name */
-    icon?: string;
-    /** Button variant */
-    variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
+    /** Icon for the command button */
+    icon?: React$1.ReactNode;
+    /** Event name to emit when clicked */
+    event?: string;
+    /** Whether the command is disabled */
+    disabled?: boolean;
+    /** Keyboard shortcut hint */
+    hotkey?: string;
 }
-interface DataGridProps {
-    /** Entity data array */
-    entity?: unknown | readonly unknown[];
-    /** Field definitions for rendering each card */
-    fields?: readonly DataGridField[];
-    /** Alias for fields (compiler generates `columns` for field definitions) */
-    columns?: readonly DataGridField[];
-    /** Per-item action buttons */
-    itemActions?: readonly DataGridItemAction[];
-    /** Number of columns (uses auto-fit if omitted) */
-    cols?: 1 | 2 | 3 | 4 | 5 | 6;
-    /** Gap between cards */
-    gap?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
-    /** Minimum card width in pixels (used when cols is not set, default 280) */
-    minCardWidth?: number;
+interface UnitCommandBarProps {
+    /** Available commands */
+    commands: UnitCommand[];
+    /** ID of the currently selected unit */
+    selectedUnitId?: string;
     /** Additional CSS classes */
     className?: string;
-    /** Loading state */
-    isLoading?: boolean;
-    /** Error state */
-    error?: Error | null;
-    /** Entity field name containing an image URL for card thumbnails */
-    imageField?: string;
-    /** Enable multi-select with checkboxes */
-    selectable?: boolean;
-    /** Selection change event name (emits UI:{selectionEvent} with { selectedIds: string[] }) */
-    selectionEvent?: string;
-    /** Enable infinite scroll loading */
-    infiniteScroll?: boolean;
-    /** Event emitted when more items needed: UI:{loadMoreEvent} */
-    loadMoreEvent?: string;
-    /** Whether more items are available for infinite scroll */
-    hasMore?: boolean;
 }
-declare const DataGrid: React__default.FC<DataGridProps>;
+declare function UnitCommandBar({ commands, selectedUnitId, className, }: UnitCommandBarProps): react_jsx_runtime.JSX.Element;
+declare namespace UnitCommandBar {
+    var displayName: string;
+}
 
+interface GameHudStat extends Omit<StatBadgeProps, "size"> {
+    /** Data source entity name */
+    source?: string;
+    /** Field name in the source */
+    field?: string;
+}
 /**
- * DataList Molecule
- *
- * A simplified, schema-driven list for iterating over entity data.
- * Extracted from the List organism with all complexity removed:
- * no built-in search, sort, filter, selection, bulk actions, or custom renderers.
- *
- * Accepts `fields` config for per-field rendering control (icon, variant, format)
- * and `itemActions` for per-item event bus wiring.
- *
- * Uses atoms only internally: Box, VStack, HStack, Typography, Badge, Button, Icon.
+ * Schema-style HUD element definition.
+ * Used when elements are passed from schema render_ui effects.
  */
-
-interface DataListField {
-    /** Entity field name (dot-notation supported) */
-    name: string;
-    /** Display label (auto-generated from name if omitted) */
+interface GameHudElement {
+    type?: string;
+    bind?: string;
+    position?: string;
     label?: string;
-    /** Lucide icon name to show beside the field */
-    icon?: string;
-    /** Rendering variant: 'h3'/'h4' for title, 'body' for text, 'caption' for small,
-     *  'badge' for status badge, 'progress' for progress bar */
-    variant?: 'h3' | 'h4' | 'body' | 'caption' | 'badge' | 'small' | 'progress';
-    /** Optional format: 'date', 'currency', 'number', 'boolean', 'percent' */
-    format?: 'date' | 'currency' | 'number' | 'boolean' | 'percent';
-}
-interface DataListItemAction {
-    /** Button label */
-    label: string;
-    /** Event name to emit (dispatched as UI:{event} with { row: itemData }) */
-    event: string;
-    /** Lucide icon name */
-    icon?: string;
-    /** Button variant */
-    variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
+    /** Direct value (from compiled render-ui effects) */
+    value?: number | string;
+    /** Icon name or node */
+    icon?: React$1.ReactNode;
+    /** Display format */
+    format?: string;
+    /** Max value (for bars/hearts) */
+    max?: number;
 }
-interface DataListProps {
-    /** Entity data array */
-    entity?: unknown | readonly unknown[];
-    /** Field definitions for rendering each row */
-    fields?: readonly DataListField[];
-    /** Alias for fields (compiler may generate `columns` for field definitions) */
-    columns?: readonly DataListField[];
-    /** Per-item action buttons */
-    itemActions?: readonly DataListItemAction[];
-    /** Gap between rows */
-    gap?: 'none' | 'sm' | 'md' | 'lg';
-    /** Visual variant */
-    variant?: 'default' | 'card' | 'compact' | 'message';
-    /** Group items by a field value (renders section headers between groups) */
-    groupBy?: string;
-    /** Field name identifying the sender (used with variant: "message") */
-    senderField?: string;
-    /** Current user identifier; messages matching this value align right (used with variant: "message") */
-    currentUser?: string;
+interface GameHudProps {
+    /** Position of the HUD */
+    position?: "top" | "bottom" | "corners" | string;
+    /** Stats to display - accepts readonly for compatibility with generated const arrays */
+    stats?: readonly GameHudStat[];
+    /** Alias for stats (schema compatibility) */
+    items?: readonly GameHudStat[];
+    /**
+     * Schema-style elements array (alternative to stats).
+     * Converted to stats internally for backwards compatibility.
+     */
+    elements?: readonly GameHudElement[];
+    /** Size variant */
+    size?: "sm" | "md" | "lg";
     /** Additional CSS classes */
     className?: string;
-    /** Loading state */
-    isLoading?: boolean;
-    /** Error state */
-    error?: Error | null;
-    /** Enable drag-to-reorder with grip handles */
-    reorderable?: boolean;
-    /** Event emitted on reorder: UI:{reorderEvent} with { fromIndex, toIndex } */
-    reorderEvent?: string;
-    /** Event emitted on left swipe: UI:{swipeLeftEvent} with { row } */
-    swipeLeftEvent?: string;
-    /** Actions revealed on left swipe */
-    swipeLeftActions?: readonly {
-        label: string;
-        icon?: string;
-        variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
-    }[];
-    /** Event emitted on right swipe: UI:{swipeRightEvent} with { row } */
-    swipeRightEvent?: string;
-    /** Actions revealed on right swipe */
-    swipeRightActions?: readonly {
-        label: string;
-        icon?: string;
-        variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
-    }[];
-    /** Event emitted on long press: UI:{longPressEvent} with { row } */
-    longPressEvent?: string;
-    /** Enable infinite scroll loading */
-    infiniteScroll?: boolean;
-    /** Event emitted when more items needed: UI:{loadMoreEvent} */
-    loadMoreEvent?: string;
-    /** Whether more items are available for infinite scroll */
-    hasMore?: boolean;
+    /** Whether to use a semi-transparent background */
+    transparent?: boolean;
+}
+declare function GameHud({ position: propPosition, stats: propStats, items, elements, size, className, transparent, }: GameHudProps): react_jsx_runtime.JSX.Element;
+declare namespace GameHud {
+    var displayName: string;
 }
-declare const DataList: React__default.FC<DataListProps>;
 
 /**
- * SwipeableRow Molecule
+ * DialogueBox Component
  *
- * Wraps a list item to reveal action buttons on horizontal swipe.
- * Swipe left to reveal right actions, swipe right to reveal left actions.
- * Uses useSwipeGesture for gesture detection and useEventBus for event emission.
+ * NPC dialogue display with typewriter effect and choices.
+ *
+ * **State categories (closed-circuit compliant):**
+ * - Content (dialogue node, speaker, text, choices) → received via props
+ * - UI-transient animation (displayedText, isTyping, charIndex, selectedChoice) → local only
+ * - Events → emitted via `useEventBus()` (complete, choice, advance)
+ *
+ * Local state is typewriter animation only — an inherently rendering-only
+ * concern analogous to Form's `formData`.
  */
 
-interface SwipeAction {
-    label: string;
-    icon?: string;
-    variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
-    event: string;
-    eventPayload?: Record<string, unknown>;
+interface DialogueChoice {
+    text: string;
+    action?: string;
+    next?: string;
+    disabled?: boolean;
 }
-interface SwipeableRowProps {
-    leftActions?: SwipeAction[];
-    rightActions?: SwipeAction[];
-    threshold?: number;
-    children: React__default.ReactNode;
-    itemData?: Record<string, unknown>;
-    className?: string;
+interface DialogueNode {
+    id?: string;
+    speaker: string;
+    text: string;
+    portrait?: string;
+    choices?: DialogueChoice[];
+    autoAdvance?: number;
 }
-declare const SwipeableRow: React__default.FC<SwipeableRowProps>;
-
-/**
- * SortableList Molecule
- *
- * A list where items can be dragged to reorder via drag handles.
- * Uses useDragReorder for drag state management and useEventBus for event emission.
- * Shows a drop indicator line at the target position during drag.
+/** Event Contract:
+ *  Emits: UI:COMPLETE
+ *  Emits: UI:CHOICE
+ *  Emits: UI:ADVANCE
  */
-
-interface SortableListProps<T = Record<string, unknown>> {
-    items: T[];
-    renderItem: (item: T, index: number) => React__default.ReactNode;
-    reorderEvent: string;
-    reorderPayload?: Record<string, unknown>;
-    dragHandlePosition?: 'left' | 'right';
+interface DialogueBoxProps {
+    /** Current dialogue node to display */
+    dialogue: DialogueNode;
+    /** Typewriter speed in ms per character (0 = instant) */
+    typewriterSpeed?: number;
+    /** Position of dialogue box */
+    position?: 'top' | 'bottom';
+    /** Called when text animation completes */
+    onComplete?: () => void;
+    /** Called when a choice is selected */
+    onChoice?: (choice: DialogueChoice) => void;
+    /** Called when dialogue is advanced (no choices) */
+    onAdvance?: () => void;
+    /** Declarative event: emits UI:{completeEvent} when text animation completes */
+    completeEvent?: string;
+    /** Declarative event: emits UI:{choiceEvent} with { choice } when a choice is selected */
+    choiceEvent?: string;
+    /** Declarative event: emits UI:{advanceEvent} when dialogue is advanced */
+    advanceEvent?: string;
+    /** Optional className */
     className?: string;
 }
-declare const SortableList: <T = Record<string, unknown>>(props: SortableListProps<T>) => React__default.ReactElement;
-
 /**
- * Carousel Molecule Component
+ * Dialogue box component with typewriter effect
  *
- * Horizontal scrolling container with snap points, swipe gestures,
- * prev/next arrow buttons, and dot indicators.
- * Pure UI molecule with no entity binding.
+ * @example
+ * ```tsx
+ * <DialogueBox
+ *   dialogue={{
+ *     speaker: "Old Man",
+ *     text: "It's dangerous to go alone! Take this.",
+ *     portrait: "/portraits/oldman.png",
+ *     choices: [
+ *       { text: "Thank you!", action: "ACCEPT_ITEM" },
+ *       { text: "No thanks", next: "decline_node" }
+ *     ]
+ *   }}
+ *   typewriterSpeed={30}
+ *   onChoice={(choice) => handleChoice(choice)}
+ *   position="bottom"
+ * />
+ * ```
  */
-
-interface CarouselProps<T = Record<string, unknown>> {
-    /** Array of items to display as slides */
-    items: T[];
-    /** Render function for each slide */
-    renderItem: (item: T, index: number) => React__default.ReactNode;
-    /** Enable auto-play rotation */
-    autoPlay?: boolean;
-    /** Auto-play interval in milliseconds (default: 5000) */
-    autoPlayInterval?: number;
-    /** Show dot indicators */
-    showDots?: boolean;
-    /** Show prev/next arrow buttons */
-    showArrows?: boolean;
-    /** Enable infinite loop */
-    loop?: boolean;
-    /** Declarative event name for slide change */
-    slideChangeEvent?: string;
-    /** Payload to include with the slide change event */
-    slideChangePayload?: Record<string, unknown>;
-    /** Additional CSS classes */
-    className?: string;
-}
-declare const Carousel: <T = Record<string, unknown>>({ items, renderItem, autoPlay, autoPlayInterval, showDots, showArrows, loop, slideChangeEvent, slideChangePayload, className, }: CarouselProps<T>) => React__default.ReactElement | null;
+declare function DialogueBox({ dialogue, typewriterSpeed, position, onComplete, onChoice, onAdvance, completeEvent, choiceEvent, advanceEvent, className, }: DialogueBoxProps): React__default.JSX.Element;
 
 /**
- * PullToRefresh Molecule Component
+ * CombatLog Component
  *
- * Wrapper that adds pull-to-refresh gesture to children.
- * Shows a spinner indicator as the user pulls down, and emits
- * a refresh event via the event bus when the threshold is met.
+ * Scrollable log of combat events with icons and colors.
+ * Generalized from Trait Wars — removed asset manifest coupling.
  */
 
-interface PullToRefreshProps {
-    /** Event name to emit on refresh (emitted as UI:{refreshEvent}) */
-    refreshEvent: string;
-    /** Payload to include with the refresh event */
-    refreshPayload?: Record<string, unknown>;
-    /** Pull distance threshold to trigger refresh in px (default: 60) */
-    threshold?: number;
-    /** Content to wrap */
-    children: React__default.ReactNode;
-    /** Additional CSS classes */
+type CombatLogEventType = 'attack' | 'defend' | 'heal' | 'move' | 'special' | 'death' | 'spawn';
+interface CombatEvent {
+    id: string;
+    type: CombatLogEventType;
+    message: string;
+    timestamp: number;
+    actorName?: string;
+    targetName?: string;
+    value?: number;
+    turn?: number;
+}
+interface CombatLogProps {
+    events: CombatEvent[];
+    maxVisible?: number;
+    autoScroll?: boolean;
+    showTimestamps?: boolean;
+    title?: string;
     className?: string;
 }
-declare const PullToRefresh: React__default.FC<PullToRefreshProps>;
+declare function CombatLog({ events, maxVisible, autoScroll, showTimestamps, className, title, }: CombatLogProps): React__default.JSX.Element;
+declare namespace CombatLog {
+    var displayName: string;
+}
 
 /**
- * Shared types for entity-display organisms.
+ * InventoryPanel Component
  *
- * All entity-display organisms (DataTable, List, Table, CardGrid, DetailPanel)
- * extend EntityDisplayProps to guarantee a uniform prop contract.
+ * Grid-based inventory UI with item selection and tooltips.
  *
- * Exception: Form manages local `formData` state for field input tracking.
- * This is the ONE allowed exception — documented here.
+ * **State categories (closed-circuit compliant):**
+ * - Data (items, slots, selectedSlot) → received via props
+ * - UI-transient (hoveredSlot, tooltipPosition) → local only
+ * - Events → emitted via `useEventBus()` (selectSlot, useItem, dropItem)
+ *
+ * Local state is hover/tooltip only — rendering-only concerns.
  */
-declare const EntityDisplayEvents: {
-    readonly SORT: "SORT";
-    readonly PAGINATE: "PAGINATE";
-    readonly SEARCH: "SEARCH";
-    readonly FILTER: "FILTER";
-    readonly CLEAR_FILTERS: "CLEAR_FILTERS";
-    readonly SELECT: "SELECT";
-    readonly DESELECT: "DESELECT";
-};
-interface SortPayload {
-    field: string;
-    direction: 'asc' | 'desc';
-}
-interface PaginatePayload {
-    page: number;
-    pageSize?: number;
-}
-interface SearchPayload {
-    query: string;
+
+interface InventoryItem {
+    id: string;
+    type: string;
+    quantity: number;
+    sprite?: string;
+    name?: string;
+    description?: string;
 }
-interface FilterPayload {
-    field: string;
-    operator: string;
-    value: unknown;
+interface InventoryPanelProps {
+    /** Array of items in inventory */
+    items: InventoryItem[];
+    /** Total number of slots */
+    slots: number;
+    /** Number of columns in grid */
+    columns: number;
+    /** Currently selected slot index */
+    selectedSlot?: number;
+    /** Called when a slot is selected */
+    onSelectSlot?: (index: number) => void;
+    /** Called when an item is used (double-click or Enter) */
+    onUseItem?: (item: InventoryItem) => void;
+    /** Called when an item is dropped */
+    onDropItem?: (item: InventoryItem) => void;
+    /** Declarative event: emits UI:{selectSlotEvent} with { index } when a slot is selected */
+    selectSlotEvent?: string;
+    /** Declarative event: emits UI:{useItemEvent} with { item } when an item is used */
+    useItemEvent?: string;
+    /** Declarative event: emits UI:{dropItemEvent} with { item } when an item is dropped */
+    dropItemEvent?: string;
+    /** Show item tooltips on hover */
+    showTooltips?: boolean;
+    /** Optional className */
+    className?: string;
+    /** Slot size in pixels */
+    slotSize?: number;
 }
-interface SelectPayload {
-    ids: (string | number)[];
+/**
+ * Inventory panel component with grid layout
+ *
+ * @example
+ * ```tsx
+ * <InventoryPanel
+ *   items={playerInventory}
+ *   slots={20}
+ *   columns={5}
+ *   selectedSlot={selectedSlot}
+ *   onSelectSlot={setSelectedSlot}
+ *   onUseItem={(item) => console.log('Used:', item.name)}
+ *   showTooltips
+ * />
+ * ```
+ */
+declare function InventoryPanel({ items, slots, columns, selectedSlot, onSelectSlot, onUseItem, onDropItem, selectSlotEvent, useItemEvent, dropItemEvent, showTooltips, className, slotSize, }: InventoryPanelProps): React__default.JSX.Element;
+
+interface MenuOption {
+    /** Optional ID (generated from index if not provided) */
+    id?: string;
+    /** Display label */
+    label: string;
+    /** Event to emit on click */
+    event?: string;
+    /** Page to navigate to */
+    navigatesTo?: string;
+    /** Button variant */
+    variant?: "primary" | "secondary" | "ghost" | string;
+    /** Whether the option is disabled */
+    disabled?: boolean;
+    /** Sub-label or description */
+    subLabel?: string;
+    /** Action identifier (alternative to event) */
+    action?: string;
 }
-interface EntityDisplayProps<T = unknown> {
-    /** Entity name (string) or data injected by the runtime (array for lists, single object for detail) */
-    entity?: string | T | readonly T[];
+interface GameMenuProps {
+    /** Menu title */
+    title: string;
+    /** Optional subtitle or version */
+    subtitle?: string;
+    /** Menu options - accepts readonly for compatibility with generated const arrays */
+    options?: readonly MenuOption[];
+    /** Alias for options (schema compatibility) */
+    menuItems?: readonly MenuOption[];
+    /** Called when an option is selected (legacy callback, prefer event bus) */
+    onSelect?: (option: MenuOption) => void;
+    /** Event bus for emitting UI events (optional, uses hook if not provided) */
+    eventBus?: EventBusContextType;
+    /** Background image or gradient */
+    background?: string;
+    /** Logo image URL */
+    logo?: string;
     /** Additional CSS classes */
     className?: string;
-    /** Loading state indicator */
-    isLoading?: boolean;
-    /** Error state */
-    error?: Error | null;
-    /** Current sort field */
-    sortBy?: string;
-    /** Current sort direction */
-    sortDirection?: 'asc' | 'desc';
-    /** Current search query value */
-    searchValue?: string;
-    /** Current page number (1-indexed) */
-    page?: number;
-    /** Number of items per page */
-    pageSize?: number;
-    /** Total number of items (for pagination display) */
-    totalCount?: number;
-    /** Active filters */
-    activeFilters?: Record<string, unknown>;
-    /** Currently selected item IDs */
-    selectedIds?: readonly (string | number)[];
+}
+declare function GameMenu({ title, subtitle, options, menuItems, onSelect, eventBus: eventBusProp, background, logo, className, }: GameMenuProps): react_jsx_runtime.JSX.Element;
+declare namespace GameMenu {
+    var displayName: string;
 }
 
-interface Column<T> {
-    key: keyof T | string;
-    header: string;
-    /** Alias for key (used by compiler-generated fields) */
-    name?: string;
-    /** Alias for header (used by compiler-generated fields) */
-    label?: string;
-    width?: string;
-    sortable?: boolean;
-    render?: (value: unknown, row: T, index: number) => React__default.ReactNode;
+interface GameOverStat {
+    /** Stat label */
+    label: string;
+    /** Stat value (required if bind is not provided) */
+    value?: number | string;
+    /**
+     * Schema-style data binding (e.g., "player.score").
+     * Alternative to value - used when stats come from schema render_ui effects.
+     * Component will display 0 as placeholder since runtime binding is not implemented.
+     */
+    bind?: string;
+    /** Display format */
+    format?: "number" | "time" | "text";
+    /** Icon */
+    icon?: React$1.ReactNode;
 }
-interface RowAction<T> {
+interface GameOverAction {
+    /** Display label */
     label: string;
-    icon?: LucideIcon;
-    onClick: (row: T) => void;
-    variant?: "default" | "danger";
-    show?: (row: T) => boolean;
+    /** Event to emit on click */
     event?: string;
+    /** Page to navigate to */
+    navigatesTo?: string;
+    /** Button variant */
+    variant?: "primary" | "secondary" | "ghost";
 }
-interface DataTableProps<T extends {
-    id: string | number;
-}> extends EntityDisplayProps<T> {
-    /** Fields to display - accepts string[] or Column[] for unified interface. Alias for columns */
-    fields: readonly Column<T>[] | readonly string[];
-    /** Columns can be Column objects or simple string field names */
-    columns?: readonly Column<T>[] | readonly string[];
-    /** Item actions from generated code - maps to rowActions */
-    itemActions?: readonly {
-        label: string;
-        event?: string;
-        navigatesTo?: string;
-        action?: string;
-        placement?: "row" | "bulk" | string;
-        icon?: LucideIcon;
-        variant?: "default" | "primary" | "secondary" | "ghost" | "danger" | string;
-        onClick?: (row: T) => void;
-    }[];
-    emptyIcon?: LucideIcon;
-    emptyTitle?: string;
-    emptyDescription?: string;
-    emptyAction?: {
-        label: string;
-        event?: string;
-    };
-    selectable?: boolean;
-    searchable?: boolean;
-    searchPlaceholder?: string;
-    rowActions?: readonly RowAction<T>[];
-    bulkActions?: ReadonlyArray<{
-        label: string;
-        icon?: LucideIcon;
-        onClick: (selectedRows: T[]) => void;
-        variant?: "default" | "danger";
-    }>;
-    headerActions?: React__default.ReactNode;
-    /** Show total count in pagination */
-    showTotal?: boolean;
+interface GameOverScreenProps {
+    /** Screen title (e.g., "Game Over", "Victory!") */
+    title: string;
+    /** Optional message */
+    message?: string;
+    /** Stats to display */
+    stats?: GameOverStat[];
+    /** Action buttons */
+    actions?: GameOverAction[];
+    /** Alias for actions (schema compatibility) */
+    menuItems?: GameOverAction[];
+    /** Called when an action is selected (legacy callback, prefer event bus) */
+    onAction?: (action: GameOverAction) => void;
+    /** Event bus for emitting UI events (optional, uses hook if not provided) */
+    eventBus?: EventBusContextType;
+    /** Victory or defeat variant */
+    variant?: "victory" | "defeat" | "neutral";
+    /** High score (optional, shows "NEW HIGH SCORE!" if exceeded) */
+    highScore?: number | string;
+    /** Current score for high score comparison (accepts string for schema bindings) */
+    currentScore?: number | string;
+    /** Additional CSS classes */
+    className?: string;
 }
-declare function DataTable<T extends {
-    id: string | number;
-}>({ fields, columns, entity, itemActions, isLoading, error, emptyIcon, emptyTitle, emptyDescription, emptyAction, selectable, selectedIds, sortBy, sortDirection, searchable, searchValue, searchPlaceholder, page, pageSize, totalCount, rowActions: externalRowActions, bulkActions, headerActions, showTotal, className, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
-declare namespace DataTable {
+declare function GameOverScreen({ title, message, stats, actions, menuItems, onAction, eventBus: eventBusProp, variant, highScore, currentScore, className, }: GameOverScreenProps): react_jsx_runtime.JSX.Element;
+declare namespace GameOverScreen {
     var displayName: string;
 }
 
-/**
- * Schema metric definition
- * Supports both computed metrics (with field) and static metrics (with value)
- */
-interface MetricDefinition {
+interface PlatformerPlatform {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    type?: 'ground' | 'platform' | 'hazard' | 'goal';
+}
+interface PlatformerPlayer {
+    x: number;
+    y: number;
+    width?: number;
+    height?: number;
+    vx?: number;
+    vy?: number;
+    grounded?: boolean;
+    facingRight?: boolean;
+}
+interface PlatformerCanvasProps {
+    /** Player state data */
+    player?: PlatformerPlayer;
+    /** Static platforms / level geometry */
+    platforms?: readonly PlatformerPlatform[];
+    /** World dimensions */
+    worldWidth?: number;
+    worldHeight?: number;
+    /** Canvas display size */
+    canvasWidth?: number;
+    canvasHeight?: number;
+    /** Camera follows player */
+    followCamera?: boolean;
+    /** Background color */
+    bgColor?: string;
+    /** Player sprite image URL */
+    playerSprite?: string;
+    /** Map of platform type to tile sprite URL */
+    tileSprites?: Record<string, string>;
+    /** Background image URL */
+    backgroundImage?: string;
+    /** Base URL prefix for asset URLs */
+    assetBaseUrl?: string;
+    /** Event names for keyboard controls */
+    leftEvent?: string;
+    rightEvent?: string;
+    jumpEvent?: string;
+    stopEvent?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function PlatformerCanvas({ player, platforms, worldWidth, worldHeight, canvasWidth, canvasHeight, followCamera, bgColor, playerSprite, tileSprites, backgroundImage, assetBaseUrl, leftEvent, rightEvent, jumpEvent, stopEvent, className, }: PlatformerCanvasProps): react_jsx_runtime.JSX.Element;
+declare namespace PlatformerCanvas {
+    var displayName: string;
+}
+
+/**
+ * Sprite Sheet Animation Types
+ *
+ * Type definitions for frame-based sprite sheet animation system.
+ * Supports standard 8-column × 5-row character sheets.
+ *
+ * @packageDocumentation
+ */
+/** Animation names matching sprite sheet row layout */
+type AnimationName = 'idle' | 'walk' | 'attack' | 'hit' | 'death';
+/** Sheet file directions (physical PNG files) */
+type SpriteDirection = 'se' | 'sw';
+/** Unit facing direction on screen (4 isometric directions) */
+type FacingDirection = 'se' | 'sw' | 'ne' | 'nw';
+/** Definition for a single animation row in the sprite sheet */
+interface AnimationDef {
+    /** Row index in the sprite sheet (0-4) */
+    row: number;
+    /** Number of frames in this animation */
+    frames: number;
+    /** Frames per second */
+    frameRate: number;
+    /** Whether the animation loops */
+    loop: boolean;
+}
+/** A resolved frame ready to draw on canvas */
+interface ResolvedFrame {
+    /** URL of the sprite sheet image */
+    sheetUrl: string;
+    /** Source X in the sheet (pixel offset) */
+    sx: number;
+    /** Source Y in the sheet (pixel offset) */
+    sy: number;
+    /** Source width (frame width) */
+    sw: number;
+    /** Source height (frame height) */
+    sh: number;
+    /** Whether to flip horizontally when drawing (for NE/NW directions) */
+    flipX: boolean;
+    /** When true, canvas should apply sine-bob breathing offset (frozen idle frame) */
+    applyBreathing?: boolean;
+}
+/** Per-unit animation state tracked in the animation system */
+interface UnitAnimationState {
+    /** Unit identifier */
+    unitId: string;
+    /** Current animation playing */
+    animation: AnimationName;
+    /** Current facing direction */
+    direction: FacingDirection;
+    /** Current frame index within the animation */
+    frame: number;
+    /** Elapsed time in current animation (ms) */
+    elapsed: number;
+    /** Animation to play after current one-shot completes (null = idle) */
+    queuedAnimation: AnimationName | null;
+    /** Whether the current one-shot animation has finished its last frame */
+    finished: boolean;
+}
+/** Frame dimensions for a sprite sheet */
+interface SpriteFrameDims {
+    /** Width of a single frame in pixels */
+    width: number;
+    /** Height of a single frame in pixels */
+    height: number;
+}
+/** Sheet URLs for both directions */
+interface SpriteSheetUrls {
+    /** Southeast-facing sheet URL */
+    se: string;
+    /** Southwest-facing sheet URL */
+    sw: string;
+}
+
+/**
+ * IsometricCanvas
+ *
+ * Core isometric game renderer. Maps to the `game-canvas` pattern.
+ * Adapted from projects/trait-wars/design-system/organisms/IsometricGameCanvas.tsx
+ * with full closed-circuit pattern compliance (className, isLoading, error).
+ *
+ * Architecture:
+ * - 2:1 diamond isometric projection
+ * - Painter's algorithm (tile → feature → unit depth sort)
+ * - Camera pan/zoom with lerp
+ * - Off-screen culling
+ * - Minimap on separate canvas
+ * - Sprite sheet animation via resolveUnitFrame
+ * - Event bus–friendly handlers (onTileClick, onUnitClick, etc.)
+ *
+ * **State categories (closed-circuit compliant):**
+ * - All game data (tiles, units, features, selection, validMoves) → received via props
+ * - Rendering state (viewportSize, RAF, camera lerp, sprite cache) → local only
+ * - Events → emitted via `useEventBus()` for trait integration
+ *
+ * This component is a **pure renderer** — it holds no game logic state.
+ *
+ * @packageDocumentation
+ */
+
+/** Event Contract:
+ *  Emits: UI:TILE_CLICK
+ *  Emits: UI:UNIT_CLICK
+ *  Emits: UI:TILE_HOVER
+ *  Emits: UI:TILE_LEAVE
+ */
+interface IsometricCanvasProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Loading state indicator */
+    isLoading?: boolean;
+    /** Error state */
+    error?: Error | null;
+    /** Array of tiles to render */
+    tiles?: IsometricTile[];
+    /** Array of units on the board */
+    units?: IsometricUnit[];
+    /** Array of features (resources, portals, buildings, etc.) */
+    features?: IsometricFeature[];
+    /** Currently selected unit ID */
+    selectedUnitId?: string | null;
+    /** Valid move positions (shown as pulsing green highlights) */
+    validMoves?: Array<{
+        x: number;
+        y: number;
+    }>;
+    /** Attack target positions (shown as pulsing red highlights) */
+    attackTargets?: Array<{
+        x: number;
+        y: number;
+    }>;
+    /** Hovered tile position */
+    hoveredTile?: {
+        x: number;
+        y: number;
+    } | null;
+    onTileClick?: (x: number, y: number) => void;
+    onUnitClick?: (unitId: string) => void;
+    onTileHover?: (x: number, y: number) => void;
+    onTileLeave?: () => void;
+    /** Declarative event: emits UI:{tileClickEvent} with { x, y } on tile click */
+    tileClickEvent?: string;
+    /** Declarative event: emits UI:{unitClickEvent} with { unitId } on unit click */
+    unitClickEvent?: string;
+    /** Declarative event: emits UI:{tileHoverEvent} with { x, y } on tile hover */
+    tileHoverEvent?: string;
+    /** Declarative event: emits UI:{tileLeaveEvent} with {} on tile leave */
+    tileLeaveEvent?: string;
+    /** Render scale (0.4 = 40% zoom) */
+    scale?: number;
+    /** Show debug grid lines and coordinates */
+    debug?: boolean;
+    /** Background image URL tiled behind the isometric grid */
+    backgroundImage?: string;
+    /** Toggle minimap overlay */
+    showMinimap?: boolean;
+    /** Enable camera pan/zoom controls */
+    enableCamera?: boolean;
+    /** Extra scale multiplier for unit draw size. 1 = default. */
+    unitScale?: number;
+    /** Board width in tiles (overrides tile-derived size) */
+    boardWidth?: number;
+    /** Board height in tiles (overrides tile-derived size) */
+    boardHeight?: number;
+    /** Override for the diamond-top Y offset within the tile sprite (default: 374).
+     *  This controls where the flat diamond face sits vertically inside the tile image. */
+    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[];
+    /** Callback to draw canvas effects after units (canvas-specific: cannot be declarative) */
+    onDrawEffects?: (ctx: CanvasRenderingContext2D, animTime: number, getImage: (url: string) => HTMLImageElement | undefined) => void;
+    /** Whether there are active effects — keeps RAF loop alive */
+    hasActiveEffects?: boolean;
+    /** Base URL for remote asset resolution. When set, manifest paths
+     *  are prefixed with this URL. Example: "https://trait-wars-assets.web.app" */
+    assetBaseUrl?: string;
+    /** Manifest mapping entity keys to relative sprite paths.
+     *  Combined with assetBaseUrl to produce full URLs.
+     *  Used as a fallback when inline URLs and callbacks don't resolve. */
+    assetManifest?: {
+        terrains?: Record<string, string>;
+        units?: Record<string, string>;
+        features?: Record<string, string>;
+        effects?: Record<string, string>;
+    };
+}
+declare function IsometricCanvas({ className, isLoading, error, tiles: tilesProp, units, features, selectedUnitId, validMoves, attackTargets, hoveredTile, onTileClick, onUnitClick, onTileHover, onTileLeave, tileClickEvent, unitClickEvent, tileHoverEvent, tileLeaveEvent, scale, debug, backgroundImage, showMinimap, enableCamera, unitScale, getTerrainSprite, getFeatureSprite, getUnitSprite, resolveUnitFrame, effectSpriteUrls, onDrawEffects, hasActiveEffects, diamondTopY: diamondTopYProp, assetBaseUrl, assetManifest, }: IsometricCanvasProps): React$1.JSX.Element;
+declare namespace IsometricCanvas {
+    var displayName: string;
+}
+
+/**
+ * GraphView Molecule Component
+ *
+ * Pure presentational force-directed graph visualization using SVG.
+ * Entity-less, no event bus, no translations. Accepts raw nodes and edges.
+ *
+ * Uses a simple force simulation (repulsion + attraction + centering)
+ * to lay out nodes, then renders via SVG circles and lines.
+ */
+
+interface GraphViewNode {
+    id: string;
+    label?: string;
+    color?: string;
+    size?: number;
+    group?: string;
+}
+interface GraphViewEdge {
+    source: string;
+    target: string;
+    color?: string;
+    label?: string;
+}
+interface GraphViewProps {
+    /** Graph nodes */
+    nodes: GraphViewNode[];
+    /** Graph edges */
+    edges: GraphViewEdge[];
+    /** Callback when a node is clicked */
+    onNodeClick?: (node: GraphViewNode) => void;
+    /** Callback when a node is hovered (null on leave) */
+    onNodeHover?: (node: GraphViewNode | null) => void;
+    /** Width in pixels */
+    width?: number;
+    /** Height in pixels */
+    height?: number;
+    /** Additional CSS classes */
+    className?: string;
+    /** Show node labels (default true) */
+    showLabels?: boolean;
+    /** Auto zoom-to-fit after layout settles (default true) */
+    zoomToFit?: boolean;
+}
+declare const GraphView: React__default.FC<GraphViewProps>;
+
+interface MapMarkerData {
+    /** Unique marker identifier */
+    id: string | number;
+    /** Latitude */
+    lat: number;
+    /** Longitude */
+    lng: number;
+    /** Label shown in popup */
+    label?: string;
+    /** Optional category for styling */
+    category?: string;
+}
+interface MapViewProps {
+    /** Array of markers to display */
+    markers?: MapMarkerData[];
+    /** Map center latitude */
+    centerLat?: number;
+    /** Map center longitude */
+    centerLng?: number;
+    /** Zoom level (1-18, default 13) */
+    zoom?: number;
+    /** Height of the map container (default "400px") */
+    height?: string;
+    /** Callback when a marker is clicked (programmatic use) */
+    onMarkerClick?: (marker: MapMarkerData) => void;
+    /** Callback when the map is clicked (programmatic use) */
+    onMapClick?: (lat: number, lng: number) => void;
+    /** Event name dispatched via event bus when the map is clicked. Payload: { latitude, longitude } */
+    mapClickEvent?: string;
+    /** Event name dispatched via event bus when a marker is clicked. Payload: marker data */
+    markerClickEvent?: string;
+    /** Whether to show a pin at the clicked location */
+    showClickedPin?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** Show attribution (default true) */
+    showAttribution?: boolean;
+}
+declare function MapView({ markers, centerLat, centerLng, zoom, height, onMarkerClick, onMapClick, mapClickEvent, markerClickEvent, showClickedPin, className, showAttribution, }: MapViewProps): react_jsx_runtime.JSX.Element;
+
+type NumberStepperSize = "sm" | "md" | "lg";
+interface NumberStepperProps {
+    /** Current value */
+    value?: number;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Size variant */
+    size?: NumberStepperSize;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Direct onChange callback */
+    onChange?: (value: number) => void;
+    /** Declarative event name for value changes */
+    action?: string;
+    /** Payload to include with the action event */
+    actionPayload?: Record<string, unknown>;
+    /** Additional CSS classes */
+    className?: string;
+    /** Accessible label */
+    label?: string;
+}
+declare const NumberStepper: React__default.FC<NumberStepperProps>;
+
+type StarRatingSize = "sm" | "md" | "lg";
+type StarRatingPrecision = "full" | "half";
+interface StarRatingProps {
+    /** Current rating value */
+    value?: number;
+    /** Maximum number of stars */
+    max?: number;
+    /** Read-only display mode */
+    readOnly?: boolean;
+    /** Full or half-star precision */
+    precision?: StarRatingPrecision;
+    /** Star size */
+    size?: StarRatingSize;
+    /** Declarative event name for rating changes */
+    action?: string;
+    /** Payload to include with the action event */
+    actionPayload?: Record<string, unknown>;
+    /** Direct onChange callback */
+    onChange?: (value: number) => void;
+    /** Additional CSS classes */
+    className?: string;
+    /** Accessible label */
+    label?: string;
+}
+declare const StarRating: React__default.FC<StarRatingProps>;
+
+interface UploadDropZoneProps {
+    /** Accepted MIME types (e.g., "image/*", "application/pdf") */
+    accept?: string;
+    /** Max file size in bytes */
+    maxSize?: number;
+    /** Max number of files */
+    maxFiles?: number;
+    /** Label text */
+    label?: string;
+    /** Description text below label */
+    description?: string;
+    /** Icon name (Lucide string) */
+    icon?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Declarative event name for file selection */
+    action?: string;
+    /** Payload to include with the action event */
+    actionPayload?: Record<string, unknown>;
+    /** Direct onFiles callback */
+    onFiles?: (files: File[]) => void;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare const UploadDropZone: React__default.FC<UploadDropZoneProps>;
+
+interface LightboxImage {
+    src: string;
+    alt?: string;
+    caption?: string;
+}
+interface LightboxProps {
+    /** Array of images to display */
+    images: LightboxImage[];
+    /** Current image index */
+    currentIndex?: number;
+    /** Whether the lightbox is open */
+    isOpen?: boolean;
+    /** Show image counter (e.g., "3 of 12") */
+    showCounter?: boolean;
+    /** Declarative close event name */
+    closeAction?: string;
+    /** Direct onClose callback */
+    onClose?: () => void;
+    /** Direct onIndexChange callback */
+    onIndexChange?: (index: number) => void;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare const Lightbox: React__default.FC<LightboxProps>;
+
+/**
+ * DataGrid Molecule
+ *
+ * A simplified, schema-driven card grid for iterating over entity data.
+ * Extracted from the CardGrid organism with all complexity removed:
+ * no built-in search, sort, filter, pagination, selection, or bulk actions.
+ *
+ * Accepts `fields` config for per-field rendering control (icon, variant, format)
+ * and `itemActions` for per-item event bus wiring.
+ *
+ * Uses atoms only internally: Box, VStack, HStack, Typography, Badge, Button, Icon.
+ */
+
+interface DataGridField {
+    /** Entity field name (dot-notation supported) */
+    name: string;
+    /** Display label (auto-generated from name if omitted) */
+    label?: string;
+    /** Lucide icon name to show beside the field */
+    icon?: string;
+    /** Rendering variant: 'h3' for title, 'body' for text, 'caption' for small,
+     *  'badge' for status badge, 'progress' for progress display */
+    variant?: 'h3' | 'h4' | 'body' | 'caption' | 'badge' | 'small' | 'progress';
+    /** Optional format function name: 'date', 'currency', 'number', 'boolean' */
+    format?: 'date' | 'currency' | 'number' | 'boolean' | 'percent';
+}
+interface DataGridItemAction {
+    /** Button label */
+    label: string;
+    /** Event name to emit (dispatched as UI:{event} with { row: itemData }) */
+    event: string;
+    /** Lucide icon name */
+    icon?: string;
+    /** Button variant */
+    variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
+}
+interface DataGridProps {
+    /** Entity data array */
+    entity?: unknown | readonly unknown[];
+    /** Field definitions for rendering each card */
+    fields?: readonly DataGridField[];
+    /** Alias for fields (compiler generates `columns` for field definitions) */
+    columns?: readonly DataGridField[];
+    /** Per-item action buttons */
+    itemActions?: readonly DataGridItemAction[];
+    /** Number of columns (uses auto-fit if omitted) */
+    cols?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Gap between cards */
+    gap?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Minimum card width in pixels (used when cols is not set, default 280) */
+    minCardWidth?: number;
+    /** Additional CSS classes */
+    className?: string;
+    /** Loading state */
+    isLoading?: boolean;
+    /** Error state */
+    error?: Error | null;
+    /** Entity field name containing an image URL for card thumbnails */
+    imageField?: string;
+    /** Enable multi-select with checkboxes */
+    selectable?: boolean;
+    /** Selection change event name (emits UI:{selectionEvent} with { selectedIds: string[] }) */
+    selectionEvent?: string;
+    /** Enable infinite scroll loading */
+    infiniteScroll?: boolean;
+    /** Event emitted when more items needed: UI:{loadMoreEvent} */
+    loadMoreEvent?: string;
+    /** Whether more items are available for infinite scroll */
+    hasMore?: boolean;
+    /** Render prop for custom per-item content. When provided, `fields` and `itemActions` are ignored. */
+    children?: (item: Record<string, unknown>, index: number) => React__default.ReactNode;
+    /** Max items to show before "Show More" button. Defaults to 0 (disabled). */
+    pageSize?: number;
+}
+declare const DataGrid: React__default.FC<DataGridProps>;
+
+/**
+ * DataList Molecule
+ *
+ * A simplified, schema-driven list for iterating over entity data.
+ * Extracted from the List organism with all complexity removed:
+ * no built-in search, sort, filter, selection, bulk actions, or custom renderers.
+ *
+ * Accepts `fields` config for per-field rendering control (icon, variant, format)
+ * and `itemActions` for per-item event bus wiring.
+ *
+ * Uses atoms only internally: Box, VStack, HStack, Typography, Badge, Button, Icon.
+ */
+
+interface DataListField {
+    /** Entity field name (dot-notation supported) */
+    name: string;
+    /** Display label (auto-generated from name if omitted) */
+    label?: string;
+    /** Lucide icon name to show beside the field */
+    icon?: string;
+    /** Rendering variant: 'h3'/'h4' for title, 'body' for text, 'caption' for small,
+     *  'badge' for status badge, 'progress' for progress bar */
+    variant?: 'h3' | 'h4' | 'body' | 'caption' | 'badge' | 'small' | 'progress';
+    /** Optional format: 'date', 'currency', 'number', 'boolean', 'percent' */
+    format?: 'date' | 'currency' | 'number' | 'boolean' | 'percent';
+}
+interface DataListItemAction {
+    /** Button label */
+    label: string;
+    /** Event name to emit (dispatched as UI:{event} with { id, row: itemData }) */
+    event: string;
+    /** Lucide icon name */
+    icon?: string;
+    /** Button variant */
+    variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
+}
+interface DataListProps {
+    /** Entity data array */
+    entity?: unknown | readonly unknown[];
+    /** Field definitions for rendering each row */
+    fields?: readonly DataListField[];
+    /** Alias for fields (compiler may generate `columns` for field definitions) */
+    columns?: readonly DataListField[];
+    /** Per-item action buttons */
+    itemActions?: readonly DataListItemAction[];
+    /** Gap between rows */
+    gap?: 'none' | 'sm' | 'md' | 'lg';
+    /** Visual variant */
+    variant?: 'default' | 'card' | 'compact' | 'message';
+    /** Group items by a field value (renders section headers between groups) */
+    groupBy?: string;
+    /** Field name identifying the sender (used with variant: "message") */
+    senderField?: string;
+    /** Current user identifier; messages matching this value align right (used with variant: "message") */
+    currentUser?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Loading state */
+    isLoading?: boolean;
+    /** Error state */
+    error?: Error | null;
+    /** Enable drag-to-reorder with grip handles */
+    reorderable?: boolean;
+    /** Event emitted on reorder: UI:{reorderEvent} with { fromIndex, toIndex } */
+    reorderEvent?: string;
+    /** Event emitted on left swipe: UI:{swipeLeftEvent} with { row } */
+    swipeLeftEvent?: string;
+    /** Actions revealed on left swipe */
+    swipeLeftActions?: readonly {
+        label: string;
+        icon?: string;
+        variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
+    }[];
+    /** Event emitted on right swipe: UI:{swipeRightEvent} with { row } */
+    swipeRightEvent?: string;
+    /** Actions revealed on right swipe */
+    swipeRightActions?: readonly {
+        label: string;
+        icon?: string;
+        variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
+    }[];
+    /** Event emitted on long press: UI:{longPressEvent} with { row } */
+    longPressEvent?: string;
+    /** Enable infinite scroll loading */
+    infiniteScroll?: boolean;
+    /** Event emitted when more items needed: UI:{loadMoreEvent} */
+    loadMoreEvent?: string;
+    /** Whether more items are available for infinite scroll */
+    hasMore?: boolean;
+    /** Render prop for custom per-item content. When provided, `fields` and `itemActions` are ignored. */
+    children?: (item: Record<string, unknown>, index: number) => React__default.ReactNode;
+    /** Max items to show before "Show More" button. Defaults to 5. Set to 0 to disable. */
+    pageSize?: number;
+}
+declare const DataList: React__default.FC<DataListProps>;
+
+/**
+ * StatDisplay Molecule
+ *
+ * A compact stat display: label + value + optional icon.
+ * Molecule-level replacement for the stats (StatCard) organism in behavior schemas.
+ * No entity prop, no data fetching, no hooks beyond icon resolution.
+ */
+
+interface StatDisplayProps {
+    /** Display label (e.g., "Total", "Remaining") */
+    label: string;
+    /** Primary value (number or formatted string) */
+    value?: number | string;
+    /** Maximum value (renders as "value / max") */
+    max?: number;
+    /** Lucide icon name or React node */
+    icon?: React__default.ReactNode;
+    /** Icon background color class */
+    iconBg?: string;
+    /** Icon color class */
+    iconColor?: string;
+    /** Display format: "number", "currency", "percent" */
+    format?: string;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Color variant */
+    variant?: 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+    /** Compact mode (inline, no card wrapper) */
+    compact?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** Loading state */
+    isLoading?: boolean;
+    /** Error state */
+    error?: Error | null;
+}
+declare const StatDisplay: React__default.FC<StatDisplayProps>;
+
+/**
+ * Meter Molecule
+ *
+ * A gauge/meter component for displaying a value within a range.
+ * Supports linear, radial, and segmented display modes.
+ * Pure molecule: no entity prop, no data fetching.
+ */
+
+type MeterVariant = "linear" | "radial" | "segmented";
+interface MeterThreshold {
+    value: number;
+    color: string;
+    label?: string;
+}
+interface MeterAction {
+    label: string;
+    event?: string;
+    navigatesTo?: string;
+    variant?: "primary" | "secondary" | "ghost";
+}
+interface MeterProps {
+    /** Current value */
+    value: number;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Display label */
+    label?: string;
+    /** Unit suffix (e.g., '%', 'MB', 'credits') */
+    unit?: string;
+    /** Display variant */
+    variant?: MeterVariant;
+    /** Color thresholds */
+    thresholds?: readonly MeterThreshold[];
+    /** Number of segments (for segmented variant) */
+    segments?: number;
+    /** Show value text */
+    showValue?: boolean;
+    /** Size (for radial variant) */
+    size?: "sm" | "md" | "lg";
+    /** Actions */
+    actions?: readonly MeterAction[];
+    /** Loading state */
+    isLoading?: boolean;
+    /** Error state */
+    error?: Error | null;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare const Meter: React__default.FC<MeterProps>;
+
+/**
+ * SwipeableRow Molecule
+ *
+ * Wraps a list item to reveal action buttons on horizontal swipe.
+ * Swipe left to reveal right actions, swipe right to reveal left actions.
+ * Uses useSwipeGesture for gesture detection and useEventBus for event emission.
+ */
+
+interface SwipeAction {
+    label: string;
+    icon?: string;
+    variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
+    event: string;
+    eventPayload?: Record<string, unknown>;
+}
+interface SwipeableRowProps {
+    leftActions?: SwipeAction[];
+    rightActions?: SwipeAction[];
+    threshold?: number;
+    children: React__default.ReactNode;
+    itemData?: Record<string, unknown>;
+    className?: string;
+}
+declare const SwipeableRow: React__default.FC<SwipeableRowProps>;
+
+/**
+ * SortableList Molecule
+ *
+ * A list where items can be dragged to reorder via drag handles.
+ * Uses useDragReorder for drag state management and useEventBus for event emission.
+ * Shows a drop indicator line at the target position during drag.
+ */
+
+interface SortableListProps<T = Record<string, unknown>> {
+    items: T[];
+    renderItem: (item: T, index: number) => React__default.ReactNode;
+    reorderEvent: string;
+    reorderPayload?: Record<string, unknown>;
+    dragHandlePosition?: 'left' | 'right';
+    className?: string;
+}
+declare const SortableList: <T = Record<string, unknown>>(props: SortableListProps<T>) => React__default.ReactElement;
+
+/**
+ * Carousel Molecule Component
+ *
+ * Horizontal scrolling container with snap points, swipe gestures,
+ * prev/next arrow buttons, and dot indicators.
+ * Pure UI molecule with no entity binding.
+ */
+
+interface CarouselProps<T = Record<string, unknown>> {
+    /** Array of items to display as slides */
+    items: T[];
+    /** Render function for each slide */
+    renderItem: (item: T, index: number) => React__default.ReactNode;
+    /** Enable auto-play rotation */
+    autoPlay?: boolean;
+    /** Auto-play interval in milliseconds (default: 5000) */
+    autoPlayInterval?: number;
+    /** Show dot indicators */
+    showDots?: boolean;
+    /** Show prev/next arrow buttons */
+    showArrows?: boolean;
+    /** Enable infinite loop */
+    loop?: boolean;
+    /** Declarative event name for slide change */
+    slideChangeEvent?: string;
+    /** Payload to include with the slide change event */
+    slideChangePayload?: Record<string, unknown>;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare const Carousel: <T = Record<string, unknown>>({ items, renderItem, autoPlay, autoPlayInterval, showDots, showArrows, loop, slideChangeEvent, slideChangePayload, className, }: CarouselProps<T>) => React__default.ReactElement | null;
+
+/**
+ * PullToRefresh Molecule Component
+ *
+ * Wrapper that adds pull-to-refresh gesture to children.
+ * Shows a spinner indicator as the user pulls down, and emits
+ * a refresh event via the event bus when the threshold is met.
+ */
+
+interface PullToRefreshProps {
+    /** Event name to emit on refresh (emitted as UI:{refreshEvent}) */
+    refreshEvent: string;
+    /** Payload to include with the refresh event */
+    refreshPayload?: Record<string, unknown>;
+    /** Pull distance threshold to trigger refresh in px (default: 60) */
+    threshold?: number;
+    /** Content to wrap */
+    children: React__default.ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare const PullToRefresh: React__default.FC<PullToRefreshProps>;
+
+/**
+ * Shared types for entity-display organisms.
+ *
+ * All entity-display organisms (DataTable, List, Table, CardGrid, DetailPanel)
+ * extend EntityDisplayProps to guarantee a uniform prop contract.
+ *
+ * Exception: Form manages local `formData` state for field input tracking.
+ * This is the ONE allowed exception — documented here.
+ */
+declare const EntityDisplayEvents: {
+    readonly SORT: "SORT";
+    readonly PAGINATE: "PAGINATE";
+    readonly SEARCH: "SEARCH";
+    readonly FILTER: "FILTER";
+    readonly CLEAR_FILTERS: "CLEAR_FILTERS";
+    readonly SELECT: "SELECT";
+    readonly DESELECT: "DESELECT";
+};
+interface SortPayload {
+    field: string;
+    direction: 'asc' | 'desc';
+}
+interface PaginatePayload {
+    page: number;
+    pageSize?: number;
+}
+interface SearchPayload {
+    query: string;
+}
+interface FilterPayload {
+    field: string;
+    operator: string;
+    value: unknown;
+}
+interface SelectPayload {
+    ids: (string | number)[];
+}
+interface EntityDisplayProps<T = unknown> {
+    /** Entity name (string) or data injected by the runtime (array for lists, single object for detail) */
+    entity?: string | T | readonly T[];
+    /** Additional CSS classes */
+    className?: string;
+    /** Loading state indicator */
+    isLoading?: boolean;
+    /** Error state */
+    error?: Error | null;
+    /** Current sort field */
+    sortBy?: string;
+    /** Current sort direction */
+    sortDirection?: 'asc' | 'desc';
+    /** Current search query value */
+    searchValue?: string;
+    /** Current page number (1-indexed) */
+    page?: number;
+    /** Number of items per page */
+    pageSize?: number;
+    /** Total number of items (for pagination display) */
+    totalCount?: number;
+    /** Active filters */
+    activeFilters?: Record<string, unknown>;
+    /** Currently selected item IDs */
+    selectedIds?: readonly (string | number)[];
+}
+
+interface Column<T> {
+    key: keyof T | string;
+    header: string;
+    /** Alias for key (used by compiler-generated fields) */
+    name?: string;
+    /** Alias for header (used by compiler-generated fields) */
+    label?: string;
+    width?: string;
+    sortable?: boolean;
+    render?: (value: unknown, row: T, index: number) => React__default.ReactNode;
+}
+interface RowAction<T> {
+    label: string;
+    icon?: LucideIcon;
+    onClick: (row: T) => void;
+    variant?: "default" | "danger";
+    show?: (row: T) => boolean;
+    event?: string;
+}
+interface DataTableProps<T extends {
+    id: string | number;
+}> extends EntityDisplayProps<T> {
+    /** Fields to display - accepts string[] or Column[] for unified interface. Alias for columns */
+    fields: readonly Column<T>[] | readonly string[];
+    /** Columns can be Column objects or simple string field names */
+    columns?: readonly Column<T>[] | readonly string[];
+    /** Item actions from generated code - maps to rowActions */
+    itemActions?: readonly {
+        label: string;
+        event?: string;
+        navigatesTo?: string;
+        action?: string;
+        placement?: "row" | "bulk" | string;
+        icon?: LucideIcon;
+        variant?: "default" | "primary" | "secondary" | "ghost" | "danger" | string;
+        onClick?: (row: T) => void;
+    }[];
+    emptyIcon?: LucideIcon;
+    emptyTitle?: string;
+    emptyDescription?: string;
+    emptyAction?: {
+        label: string;
+        event?: string;
+    };
+    selectable?: boolean;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    rowActions?: readonly RowAction<T>[];
+    bulkActions?: ReadonlyArray<{
+        label: string;
+        icon?: LucideIcon;
+        onClick: (selectedRows: T[]) => void;
+        variant?: "default" | "danger";
+    }>;
+    headerActions?: React__default.ReactNode;
+    /** Show total count in pagination */
+    showTotal?: boolean;
+}
+declare function DataTable<T extends {
+    id: string | number;
+}>({ fields, columns, entity, itemActions, isLoading, error, emptyIcon, emptyTitle, emptyDescription, emptyAction, selectable, selectedIds, sortBy, sortDirection, searchable, searchValue, searchPlaceholder, page, pageSize, totalCount, rowActions: externalRowActions, bulkActions, headerActions, showTotal, className, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace DataTable {
+    var displayName: string;
+}
+
+/**
+ * Schema metric definition
+ * Supports both computed metrics (with field) and static metrics (with value)
+ */
+interface MetricDefinition {
     /** Field name for computed metrics (optional if value is provided) */
     field?: string;
     /** Display label */
@@ -5064,423 +6287,183 @@ declare const BookViewer: React__default.FC<BookViewerProps>;
 
 /**
  * BookChapterView Organism
- *
- * Renders a single chapter: title + optional orbital diagram +
- * rich content via ContentRenderer.
- *
- * Event Contract:
- * - Delegates to ContentRenderer children
- */
-
-interface BookChapterViewProps extends EntityDisplayProps<BookChapter> {
-    chapter: BookChapter;
-    direction?: 'rtl' | 'ltr';
-}
-declare const BookChapterView: React__default.FC<BookChapterViewProps>;
-
-/**
- * BookCoverPage Molecule
- *
- * Renders a book cover with title, subtitle, author, and optional image.
- * Centered layout suitable for the first "page" of a BookViewer.
- *
- * Event Contract:
- * - Emits: UI:BOOK_START
- */
-
-interface BookCoverPageProps extends EntityDisplayProps<BookData> {
-    title: string;
-    subtitle?: string;
-    author?: string;
-    coverImageUrl?: string;
-    direction?: 'rtl' | 'ltr';
-}
-declare const BookCoverPage: React__default.FC<BookCoverPageProps>;
-
-/**
- * BookTableOfContents Molecule
- *
- * Renders a clickable table of contents grouped by parts.
- * Highlights the current chapter.
- *
- * Event Contract:
- * - Emits: UI:BOOK_NAVIGATE { chapterId }
- */
-
-interface BookTableOfContentsProps extends EntityDisplayProps<BookPart> {
-    parts: BookPart[];
-    currentChapterId?: string;
-    direction?: 'rtl' | 'ltr';
-}
-declare const BookTableOfContents: React__default.FC<BookTableOfContentsProps>;
-
-/**
- * BookNavBar Molecule
- *
- * Navigation bar for the BookViewer with prev/next, page indicator,
- * print button, and TOC toggle.
- *
- * Event Contract:
- * - Emits: UI:BOOK_PAGE_PREV, UI:BOOK_PAGE_NEXT, UI:BOOK_PRINT, UI:BOOK_SHOW_TOC
- */
-
-interface BookNavBarProps extends EntityDisplayProps<BookData> {
-    currentPage: number;
-    totalPages: number;
-    chapterTitle?: string;
-    direction?: 'rtl' | 'ltr';
-}
-declare const BookNavBar: React__default.FC<BookNavBarProps>;
-
-/**
- * SplitPane Component
- *
- * Two-pane resizable split layout for master-detail views,
- * dual-pane editors, and code + preview layouts.
- *
- * Uses wireframe theme styling (high contrast, sharp edges).
- */
-
-interface SplitPaneProps {
-    /** Direction of the split */
-    direction?: "horizontal" | "vertical";
-    /** Initial ratio (0-100, percentage of first pane) */
-    ratio?: number;
-    /** Minimum size of either pane in pixels */
-    minSize?: number;
-    /** Allow user resizing */
-    resizable?: boolean;
-    /** Content for the left/top pane */
-    left: React__default.ReactNode;
-    /** Content for the right/bottom pane */
-    right: React__default.ReactNode;
-    /** Additional CSS classes */
-    className?: string;
-    /** Class for left/top pane */
-    leftClassName?: string;
-    /** Class for right/bottom pane */
-    rightClassName?: string;
-}
-/**
- * SplitPane - Two-pane resizable layout
- */
-declare const SplitPane: React__default.FC<SplitPaneProps>;
-
-/**
- * DashboardGrid Component
- *
- * Multi-column grid for widgets and stats cards.
- * Supports cell spanning for flexible dashboard layouts.
- *
- * Uses wireframe theme styling (high contrast, sharp edges).
- */
-
-interface DashboardGridCell {
-    /** Optional unique cell ID */
-    id?: string;
-    /** Content to render in the cell */
-    content?: React__default.ReactNode;
-    /** Number of columns this cell spans (1-4) */
-    colSpan?: 1 | 2 | 3 | 4;
-    /** Number of rows this cell spans (1-2) */
-    rowSpan?: 1 | 2;
-    /** Allow additional schema-driven properties */
-    [key: string]: unknown;
-}
-interface DashboardGridProps extends EntityDisplayProps {
-    /** Number of columns */
-    columns?: 2 | 3 | 4;
-    /** Gap between cells */
-    gap?: "sm" | "md" | "lg";
-    /** Cell definitions */
-    cells: DashboardGridCell[];
-}
-/**
- * DashboardGrid - Multi-column widget grid
- */
-declare const DashboardGrid: React__default.FC<DashboardGridProps>;
-
-/**
- * TabbedContainer Component
- *
- * Tabbed content areas with shared header/context.
- * Wraps the Tabs molecule with layout-specific styling.
- *
- * Uses wireframe theme styling (high contrast, sharp edges).
- */
-
-interface TabDefinition {
-    /** Tab identifier */
-    id: string;
-    /** Tab label */
-    label: string;
-    /** Tab content (optional if using sectionId) */
-    content?: React__default.ReactNode;
-    /** Section ID to render (alternative to content) */
-    sectionId?: string;
-    /** Optional badge/count */
-    badge?: string | number;
-    /** Disable this tab */
-    disabled?: boolean;
-}
-interface TabbedContainerProps {
-    /** Tab definitions */
-    tabs: TabDefinition[];
-    /** Default active tab ID */
-    defaultTab?: string;
-    /** Controlled active tab */
-    activeTab?: string;
-    /** Callback when tab changes */
-    onTabChange?: (tabId: string) => void;
-    /** Tab position */
-    position?: "top" | "left";
-    /** Additional CSS classes */
-    className?: string;
+ *
+ * Renders a single chapter: title + optional orbital diagram +
+ * rich content via ContentRenderer.
+ *
+ * Event Contract:
+ * - Delegates to ContentRenderer children
+ */
+
+interface BookChapterViewProps extends EntityDisplayProps<BookChapter> {
+    chapter: BookChapter;
+    direction?: 'rtl' | 'ltr';
 }
+declare const BookChapterView: React__default.FC<BookChapterViewProps>;
+
 /**
- * TabbedContainer - Tabbed content areas
+ * BookCoverPage Molecule
+ *
+ * Renders a book cover with title, subtitle, author, and optional image.
+ * Centered layout suitable for the first "page" of a BookViewer.
+ *
+ * Event Contract:
+ * - Emits: UI:BOOK_START
  */
-declare const TabbedContainer: React__default.FC<TabbedContainerProps>;
+
+interface BookCoverPageProps extends EntityDisplayProps<BookData> {
+    title: string;
+    subtitle?: string;
+    author?: string;
+    coverImageUrl?: string;
+    direction?: 'rtl' | 'ltr';
+}
+declare const BookCoverPage: React__default.FC<BookCoverPageProps>;
 
 /**
- * Sprite Sheet Animation Types
+ * BookTableOfContents Molecule
  *
- * Type definitions for frame-based sprite sheet animation system.
- * Supports standard 8-column × 5-row character sheets.
+ * Renders a clickable table of contents grouped by parts.
+ * Highlights the current chapter.
  *
- * @packageDocumentation
+ * Event Contract:
+ * - Emits: UI:BOOK_NAVIGATE { chapterId }
  */
-/** Animation names matching sprite sheet row layout */
-type AnimationName = 'idle' | 'walk' | 'attack' | 'hit' | 'death';
-/** Sheet file directions (physical PNG files) */
-type SpriteDirection = 'se' | 'sw';
-/** Unit facing direction on screen (4 isometric directions) */
-type FacingDirection = 'se' | 'sw' | 'ne' | 'nw';
-/** Definition for a single animation row in the sprite sheet */
-interface AnimationDef {
-    /** Row index in the sprite sheet (0-4) */
-    row: number;
-    /** Number of frames in this animation */
-    frames: number;
-    /** Frames per second */
-    frameRate: number;
-    /** Whether the animation loops */
-    loop: boolean;
-}
-/** A resolved frame ready to draw on canvas */
-interface ResolvedFrame {
-    /** URL of the sprite sheet image */
-    sheetUrl: string;
-    /** Source X in the sheet (pixel offset) */
-    sx: number;
-    /** Source Y in the sheet (pixel offset) */
-    sy: number;
-    /** Source width (frame width) */
-    sw: number;
-    /** Source height (frame height) */
-    sh: number;
-    /** Whether to flip horizontally when drawing (for NE/NW directions) */
-    flipX: boolean;
-    /** When true, canvas should apply sine-bob breathing offset (frozen idle frame) */
-    applyBreathing?: boolean;
-}
-/** Per-unit animation state tracked in the animation system */
-interface UnitAnimationState {
-    /** Unit identifier */
-    unitId: string;
-    /** Current animation playing */
-    animation: AnimationName;
-    /** Current facing direction */
-    direction: FacingDirection;
-    /** Current frame index within the animation */
-    frame: number;
-    /** Elapsed time in current animation (ms) */
-    elapsed: number;
-    /** Animation to play after current one-shot completes (null = idle) */
-    queuedAnimation: AnimationName | null;
-    /** Whether the current one-shot animation has finished its last frame */
-    finished: boolean;
-}
-/** Frame dimensions for a sprite sheet */
-interface SpriteFrameDims {
-    /** Width of a single frame in pixels */
-    width: number;
-    /** Height of a single frame in pixels */
-    height: number;
-}
-/** Sheet URLs for both directions */
-interface SpriteSheetUrls {
-    /** Southeast-facing sheet URL */
-    se: string;
-    /** Southwest-facing sheet URL */
-    sw: string;
+
+interface BookTableOfContentsProps extends EntityDisplayProps<BookPart> {
+    parts: BookPart[];
+    currentChapterId?: string;
+    direction?: 'rtl' | 'ltr';
 }
+declare const BookTableOfContents: React__default.FC<BookTableOfContentsProps>;
 
 /**
- * IsometricCanvas
- *
- * Core isometric game renderer. Maps to the `game-canvas` pattern.
- * Adapted from projects/trait-wars/design-system/organisms/IsometricGameCanvas.tsx
- * with full closed-circuit pattern compliance (className, isLoading, error, entity).
+ * BookNavBar Molecule
  *
- * Architecture:
- * - 2:1 diamond isometric projection
- * - Painter's algorithm (tile → feature → unit depth sort)
- * - Camera pan/zoom with lerp
- * - Off-screen culling
- * - Minimap on separate canvas
- * - Sprite sheet animation via resolveUnitFrame
- * - Event bus–friendly handlers (onTileClick, onUnitClick, etc.)
+ * Navigation bar for the BookViewer with prev/next, page indicator,
+ * print button, and TOC toggle.
  *
- * **State categories (closed-circuit compliant):**
- * - All game data (tiles, units, features, selection, validMoves) → received via props
- * - Rendering state (viewportSize, RAF, camera lerp, sprite cache) → local only
- * - Events → emitted via `useEventBus()` for trait integration
+ * Event Contract:
+ * - Emits: UI:BOOK_PAGE_PREV, UI:BOOK_PAGE_NEXT, UI:BOOK_PRINT, UI:BOOK_SHOW_TOC
+ */
+
+interface BookNavBarProps extends EntityDisplayProps<BookData> {
+    currentPage: number;
+    totalPages: number;
+    chapterTitle?: string;
+    direction?: 'rtl' | 'ltr';
+}
+declare const BookNavBar: React__default.FC<BookNavBarProps>;
+
+/**
+ * SplitPane Component
  *
- * This component is a **pure renderer** — it holds no game logic state.
+ * Two-pane resizable split layout for master-detail views,
+ * dual-pane editors, and code + preview layouts.
  *
- * @packageDocumentation
+ * Uses wireframe theme styling (high contrast, sharp edges).
  */
 
-/** Event Contract:
- *  Emits: UI:TILE_CLICK
- *  Emits: UI:UNIT_CLICK
- *  Emits: UI:TILE_HOVER
- *  Emits: UI:TILE_LEAVE
- */
-interface IsometricCanvasProps extends EntityDisplayProps {
-    /** Array of tiles to render */
-    tiles?: IsometricTile[];
-    /** Array of units on the board */
-    units?: IsometricUnit[];
-    /** Array of features (resources, portals, buildings, etc.) */
-    features?: IsometricFeature[];
-    /** Currently selected unit ID */
-    selectedUnitId?: string | null;
-    /** Valid move positions (shown as pulsing green highlights) */
-    validMoves?: Array<{
-        x: number;
-        y: number;
-    }>;
-    /** Attack target positions (shown as pulsing red highlights) */
-    attackTargets?: Array<{
-        x: number;
-        y: number;
-    }>;
-    /** Hovered tile position */
-    hoveredTile?: {
-        x: number;
-        y: number;
-    } | null;
-    onTileClick?: (x: number, y: number) => void;
-    onUnitClick?: (unitId: string) => void;
-    onTileHover?: (x: number, y: number) => void;
-    onTileLeave?: () => void;
-    /** Declarative event: emits UI:{tileClickEvent} with { x, y } on tile click */
-    tileClickEvent?: string;
-    /** Declarative event: emits UI:{unitClickEvent} with { unitId } on unit click */
-    unitClickEvent?: string;
-    /** Declarative event: emits UI:{tileHoverEvent} with { x, y } on tile hover */
-    tileHoverEvent?: string;
-    /** Declarative event: emits UI:{tileLeaveEvent} with {} on tile leave */
-    tileLeaveEvent?: string;
-    /** Render scale (0.4 = 40% zoom) */
-    scale?: number;
-    /** Show debug grid lines and coordinates */
-    debug?: boolean;
-    /** Background image URL tiled behind the isometric grid */
-    backgroundImage?: string;
-    /** Toggle minimap overlay */
-    showMinimap?: boolean;
-    /** Enable camera pan/zoom controls */
-    enableCamera?: boolean;
-    /** Extra scale multiplier for unit draw size. 1 = default. */
-    unitScale?: number;
-    /** Board width in tiles (overrides tile-derived size) */
-    boardWidth?: number;
-    /** Board height in tiles (overrides tile-derived size) */
-    boardHeight?: number;
-    /** Override for the diamond-top Y offset within the tile sprite (default: 374).
-     *  This controls where the flat diamond face sits vertically inside the tile image. */
-    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[];
-    /** Callback to draw canvas effects after units (canvas-specific: cannot be declarative) */
-    onDrawEffects?: (ctx: CanvasRenderingContext2D, animTime: number, getImage: (url: string) => HTMLImageElement | undefined) => void;
-    /** Whether there are active effects — keeps RAF loop alive */
-    hasActiveEffects?: boolean;
-    /** Base URL for remote asset resolution. When set, manifest paths
-     *  are prefixed with this URL. Example: "https://trait-wars-assets.web.app" */
-    assetBaseUrl?: string;
-    /** Manifest mapping entity keys to relative sprite paths.
-     *  Combined with assetBaseUrl to produce full URLs.
-     *  Used as a fallback when inline URLs and callbacks don't resolve. */
-    assetManifest?: {
-        terrains?: Record<string, string>;
-        units?: Record<string, string>;
-        features?: Record<string, string>;
-        effects?: Record<string, string>;
-    };
-}
-declare function IsometricCanvas({ className, isLoading, error, entity, tiles: tilesProp, units, features, selectedUnitId, validMoves, attackTargets, hoveredTile, onTileClick, onUnitClick, onTileHover, onTileLeave, tileClickEvent, unitClickEvent, tileHoverEvent, tileLeaveEvent, scale, debug, backgroundImage, showMinimap, enableCamera, unitScale, getTerrainSprite, getFeatureSprite, getUnitSprite, resolveUnitFrame, effectSpriteUrls, onDrawEffects, hasActiveEffects, diamondTopY: diamondTopYProp, assetBaseUrl, assetManifest, }: IsometricCanvasProps): React$1.JSX.Element;
-declare namespace IsometricCanvas {
-    var displayName: string;
+interface SplitPaneProps {
+    /** Direction of the split */
+    direction?: "horizontal" | "vertical";
+    /** Initial ratio (0-100, percentage of first pane) */
+    ratio?: number;
+    /** Minimum size of either pane in pixels */
+    minSize?: number;
+    /** Allow user resizing */
+    resizable?: boolean;
+    /** Content for the left/top pane */
+    left: React__default.ReactNode;
+    /** Content for the right/bottom pane */
+    right: React__default.ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+    /** Class for left/top pane */
+    leftClassName?: string;
+    /** Class for right/bottom pane */
+    rightClassName?: string;
 }
+/**
+ * SplitPane - Two-pane resizable layout
+ */
+declare const SplitPane: React__default.FC<SplitPaneProps>;
 
-interface PlatformerPlatform {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    type?: 'ground' | 'platform' | 'hazard' | 'goal';
+/**
+ * DashboardGrid Component
+ *
+ * Multi-column grid for widgets and stats cards.
+ * Supports cell spanning for flexible dashboard layouts.
+ *
+ * Uses wireframe theme styling (high contrast, sharp edges).
+ */
+
+interface DashboardGridCell {
+    /** Optional unique cell ID */
+    id?: string;
+    /** Content to render in the cell */
+    content?: React__default.ReactNode;
+    /** Number of columns this cell spans (1-4) */
+    colSpan?: 1 | 2 | 3 | 4;
+    /** Number of rows this cell spans (1-2) */
+    rowSpan?: 1 | 2;
+    /** Allow additional schema-driven properties */
+    [key: string]: unknown;
 }
-interface PlatformerPlayer {
-    x: number;
-    y: number;
-    width?: number;
-    height?: number;
-    vx?: number;
-    vy?: number;
-    grounded?: boolean;
-    facingRight?: boolean;
+interface DashboardGridProps extends EntityDisplayProps {
+    /** Number of columns */
+    columns?: 2 | 3 | 4;
+    /** Gap between cells */
+    gap?: "sm" | "md" | "lg";
+    /** Cell definitions */
+    cells: DashboardGridCell[];
 }
-interface PlatformerCanvasProps {
-    /** Player entity data */
-    player?: PlatformerPlayer;
-    /** Static platforms / level geometry */
-    platforms?: readonly PlatformerPlatform[];
-    /** World dimensions */
-    worldWidth?: number;
-    worldHeight?: number;
-    /** Canvas display size */
-    canvasWidth?: number;
-    canvasHeight?: number;
-    /** Camera follows player */
-    followCamera?: boolean;
-    /** Background color */
-    bgColor?: string;
-    /** Event names for keyboard controls */
-    leftEvent?: string;
-    rightEvent?: string;
-    jumpEvent?: string;
-    stopEvent?: string;
+/**
+ * DashboardGrid - Multi-column widget grid
+ */
+declare const DashboardGrid: React__default.FC<DashboardGridProps>;
+
+/**
+ * TabbedContainer Component
+ *
+ * Tabbed content areas with shared header/context.
+ * Wraps the Tabs molecule with layout-specific styling.
+ *
+ * Uses wireframe theme styling (high contrast, sharp edges).
+ */
+
+interface TabDefinition {
+    /** Tab identifier */
+    id: string;
+    /** Tab label */
+    label: string;
+    /** Tab content (optional if using sectionId) */
+    content?: React__default.ReactNode;
+    /** Section ID to render (alternative to content) */
+    sectionId?: string;
+    /** Optional badge/count */
+    badge?: string | number;
+    /** Disable this tab */
+    disabled?: boolean;
+}
+interface TabbedContainerProps {
+    /** Tab definitions */
+    tabs: TabDefinition[];
+    /** Default active tab ID */
+    defaultTab?: string;
+    /** Controlled active tab */
+    activeTab?: string;
+    /** Callback when tab changes */
+    onTabChange?: (tabId: string) => void;
+    /** Tab position */
+    position?: "top" | "left";
     /** Additional CSS classes */
     className?: string;
-    /** Entity data (schema binding) */
-    entity?: Record<string, unknown>;
-}
-declare function PlatformerCanvas({ player, platforms, worldWidth, worldHeight, canvasWidth, canvasHeight, followCamera, bgColor, leftEvent, rightEvent, jumpEvent, stopEvent, className, entity, }: PlatformerCanvasProps): react_jsx_runtime.JSX.Element;
-declare namespace PlatformerCanvas {
-    var displayName: string;
 }
+/**
+ * TabbedContainer - Tabbed content areas
+ */
+declare const TabbedContainer: React__default.FC<TabbedContainerProps>;
 
 /**
  * Combat action types that map to effect compositions.
@@ -5927,463 +6910,172 @@ interface UsePhysics2DReturn {
     /** Unregister a unit from physics */
     unregisterUnit: (unitId: string) => void;
     /** Get current physics position for a unit */
-    getPosition: (unitId: string) => {
-        x: number;
-        y: number;
-    } | null;
-    /** Get full physics state for a unit */
-    getState: (unitId: string) => Physics2DState | undefined;
-    /** Apply force to a unit */
-    applyForce: (unitId: string, fx: number, fy: number) => void;
-    /** Set velocity directly */
-    setVelocity: (unitId: string, vx: number, vy: number) => void;
-    /** Set position directly (teleport) */
-    setPosition: (unitId: string, x: number, y: number) => void;
-    /** Run physics tick - call this in your RAF loop */
-    tick: (deltaTime?: number) => void;
-    /** Check collision between two units */
-    checkCollision: (unitIdA: string, unitIdB: string, boundsA: PhysicsBounds, boundsB: PhysicsBounds) => boolean;
-    /** Resolve collision between two units */
-    resolveCollision: (unitIdA: string, unitIdB: string) => void;
-    /** Freeze/unfreeze a unit */
-    setFrozen: (unitId: string, frozen: boolean) => void;
-    /** Get all physics-enabled units */
-    getAllUnits: () => Physics2DState[];
-    /** Reset all physics */
-    reset: () => void;
-}
-/**
- * Hook for managing 2D physics simulation
- */
-declare function usePhysics2D(options?: UsePhysics2DOptions): UsePhysics2DReturn;
-
-/**
- * Isometric Coordinate Utilities
- *
- * Pure functions for 2:1 diamond isometric coordinate conversion.
- * No React dependencies — usable in any context.
- *
- * @packageDocumentation
- */
-/** Base tile width in pixels (before scale) */
-declare const TILE_WIDTH = 256;
-/** Base tile height in pixels (before scale) — full sprite image height (Kenney 256×512) */
-declare const TILE_HEIGHT = 512;
-/** Floor diamond height — the "walkable surface" portion of the tile (TILE_WIDTH / 2 for 2:1 ratio) */
-declare const FLOOR_HEIGHT = 128;
-/**
- * Measured Y offset from sprite top to the diamond top vertex within a Kenney
- * 256×512 tile sprite.  The code previously assumed `TILE_HEIGHT - FLOOR_HEIGHT = 384`,
- * but the actual diamond (dirt_E.png) begins at y = 374 because the 3D side walls
- * occupy 10 extra pixels above the pure 128 px diamond.
- *
- * Use `DIAMOND_TOP_Y * scale` for highlight positioning, unit groundY, feature
- * placement, and hit-testing — NOT `(TILE_HEIGHT - FLOOR_HEIGHT) * scale`.
- * `FLOOR_HEIGHT` remains 128 for the isoToScreen spacing formula (2:1 ratio).
- */
-declare const DIAMOND_TOP_Y = 374;
-/**
- * Feature type → fallback color mapping (when sprites not loaded).
- */
-declare const FEATURE_COLORS: Record<string, string>;
-/**
- * Convert tile grid coordinates to screen pixel coordinates.
- *
- * Uses 2:1 diamond isometric projection:
- * - X increases to the lower-right
- * - Y increases to the lower-left
- *
- * @param tileX - Grid X coordinate
- * @param tileY - Grid Y coordinate
- * @param scale - Render scale factor
- * @param baseOffsetX - Horizontal offset to center the grid
- * @returns Screen position { x, y } of the tile's top-left corner
- */
-declare function isoToScreen(tileX: number, tileY: number, scale: number, baseOffsetX: number): {
-    x: number;
-    y: number;
-};
-/**
- * Convert screen pixel coordinates back to tile grid coordinates.
- *
- * Inverse of isoToScreen. Snaps to nearest integer tile position.
- *
- * @param screenX - Screen X in pixels
- * @param screenY - Screen Y in pixels
- * @param scale - Render scale factor
- * @param baseOffsetX - Horizontal offset used in isoToScreen
- * @returns Snapped grid position { x, y }
- */
-declare function screenToIso(screenX: number, screenY: number, scale: number, baseOffsetX: number): {
-    x: number;
-    y: number;
-};
-
-/**
- * Sprite Animation Engine
- *
- * Pure functions for sprite sheet animation: direction inference,
- * frame computation, sheet resolution, and animation state management.
- * No React dependencies — usable in any context.
- *
- * @packageDocumentation
- */
-
-/**
- * Infer facing direction from a movement delta on the isometric grid.
- * dx/dy are tile coordinate deltas (not screen pixels).
- *
- * Isometric grid:
- *   NW ← (-x)    NE ← (-y)
- *   SW ← (+y)    SE ← (+x)
- */
-declare function inferDirection(dx: number, dy: number): FacingDirection;
-/**
- * Map a 4-direction facing to the actual sheet file direction + flipX flag.
- * We only have SE and SW sheet images. NE/NW are rendered by flipping:
- *   SE → SE sheet, no flip
- *   SW → SW sheet, no flip
- *   NE → SW sheet, flipX (mirror of SW gives NE)
- *   NW → SE sheet, flipX (mirror of SE gives NW)
- */
-declare function resolveSheetDirection(facing: FacingDirection): {
-    sheetDir: SpriteDirection;
-    flipX: boolean;
-};
-/**
- * Compute the current frame index and whether the animation has finished.
- */
-declare function getCurrentFrame(animName: AnimationName, elapsed: number): {
-    frame: number;
-    finished: boolean;
-};
-/**
- * Resolve a complete frame descriptor for canvas drawing.
- * Returns null if no sprite sheet URLs are available for this unit.
- */
-declare function resolveFrame(sheetUrls: SpriteSheetUrls | null, frameDims: SpriteFrameDims, animState: UnitAnimationState): ResolvedFrame | null;
-/**
- * Create initial animation state for a unit (idle, facing SE).
- */
-declare function createUnitAnimationState(unitId: string): UnitAnimationState;
-/**
- * Transition to a new animation. Resets elapsed time.
- * Optionally updates direction. Death cannot be overridden.
- */
-declare function transitionAnimation(state: UnitAnimationState, newAnim: AnimationName, direction?: FacingDirection): UnitAnimationState;
+    getPosition: (unitId: string) => {
+        x: number;
+        y: number;
+    } | null;
+    /** Get full physics state for a unit */
+    getState: (unitId: string) => Physics2DState | undefined;
+    /** Apply force to a unit */
+    applyForce: (unitId: string, fx: number, fy: number) => void;
+    /** Set velocity directly */
+    setVelocity: (unitId: string, vx: number, vy: number) => void;
+    /** Set position directly (teleport) */
+    setPosition: (unitId: string, x: number, y: number) => void;
+    /** Run physics tick - call this in your RAF loop */
+    tick: (deltaTime?: number) => void;
+    /** Check collision between two units */
+    checkCollision: (unitIdA: string, unitIdB: string, boundsA: PhysicsBounds, boundsB: PhysicsBounds) => boolean;
+    /** Resolve collision between two units */
+    resolveCollision: (unitIdA: string, unitIdB: string) => void;
+    /** Freeze/unfreeze a unit */
+    setFrozen: (unitId: string, frozen: boolean) => void;
+    /** Get all physics-enabled units */
+    getAllUnits: () => Physics2DState[];
+    /** Reset all physics */
+    reset: () => void;
+}
 /**
- * Advance animation state by deltaMs.
- * Handles one-shot → queued/idle transitions automatically.
+ * Hook for managing 2D physics simulation
  */
-declare function tickAnimationState(state: UnitAnimationState, deltaMs: number): UnitAnimationState;
+declare function usePhysics2D(options?: UsePhysics2DOptions): UsePhysics2DReturn;
 
 /**
- * Sprite Sheet Constants
+ * Isometric Coordinate Utilities
  *
- * Standard layout for 8-column × 5-row character sprite sheets.
- * All characters share identical sheet geometry.
+ * Pure functions for 2:1 diamond isometric coordinate conversion.
+ * No React dependencies — usable in any context.
  *
  * @packageDocumentation
  */
-
-/** Number of columns in a sprite sheet (frames per row) */
-declare const SHEET_COLUMNS = 8;
+/** Base tile width in pixels (before scale) */
+declare const TILE_WIDTH = 256;
+/** Base tile height in pixels (before scale) — full sprite image height (Kenney 256×512) */
+declare const TILE_HEIGHT = 512;
+/** Floor diamond height — the "walkable surface" portion of the tile (TILE_WIDTH / 2 for 2:1 ratio) */
+declare const FLOOR_HEIGHT = 128;
 /**
- * Standard sprite sheet row layout.
- * Row 0 = idle, Row 1 = walk, Row 2 = attack, Row 3 = hit, Row 4 = death.
+ * Measured Y offset from sprite top to the diamond top vertex within a Kenney
+ * 256×512 tile sprite.  The code previously assumed `TILE_HEIGHT - FLOOR_HEIGHT = 384`,
+ * but the actual diamond (dirt_E.png) begins at y = 374 because the 3D side walls
+ * occupy 10 extra pixels above the pure 128 px diamond.
+ *
+ * Use `DIAMOND_TOP_Y * scale` for highlight positioning, unit groundY, feature
+ * placement, and hit-testing — NOT `(TILE_HEIGHT - FLOOR_HEIGHT) * scale`.
+ * `FLOOR_HEIGHT` remains 128 for the isoToScreen spacing formula (2:1 ratio).
  */
-declare const SPRITE_SHEET_LAYOUT: Record<AnimationName, AnimationDef>;
-
-interface GameHudStat extends Omit<StatBadgeProps, "size"> {
-    /** Data source entity name */
-    source?: string;
-    /** Field name in the source */
-    field?: string;
-}
+declare const DIAMOND_TOP_Y = 374;
 /**
- * Schema-style HUD element definition.
- * Used when elements are passed from schema render_ui effects.
+ * Feature type → fallback color mapping (when sprites not loaded).
  */
-interface GameHudElement {
-    type?: string;
-    bind?: string;
-    position?: string;
-    label?: string;
-    /** Direct value (from compiled render-ui effects) */
-    value?: number | string;
-    /** Icon name or node */
-    icon?: React$1.ReactNode;
-    /** Display format */
-    format?: string;
-    /** Max value (for bars/hearts) */
-    max?: number;
-}
-interface GameHudProps {
-    /** Position of the HUD */
-    position?: "top" | "bottom" | "corners" | string;
-    /** Stats to display - accepts readonly for compatibility with generated const arrays */
-    stats?: readonly GameHudStat[];
-    /** Alias for stats (schema compatibility) */
-    items?: readonly GameHudStat[];
-    /**
-     * Schema-style elements array (alternative to stats).
-     * Converted to stats internally for backwards compatibility.
-     */
-    elements?: readonly GameHudElement[];
-    /** Size variant */
-    size?: "sm" | "md" | "lg";
-    /** Additional CSS classes */
-    className?: string;
-    /** Whether to use a semi-transparent background */
-    transparent?: boolean;
-}
-declare function GameHud({ position: propPosition, stats: propStats, items, elements, size, className, transparent, }: GameHudProps): react_jsx_runtime.JSX.Element;
-declare namespace GameHud {
-    var displayName: string;
-}
-
-interface MenuOption {
-    /** Optional ID (generated from index if not provided) */
-    id?: string;
-    /** Display label */
-    label: string;
-    /** Event to emit on click */
-    event?: string;
-    /** Page to navigate to */
-    navigatesTo?: string;
-    /** Button variant */
-    variant?: "primary" | "secondary" | "ghost" | string;
-    /** Whether the option is disabled */
-    disabled?: boolean;
-    /** Sub-label or description */
-    subLabel?: string;
-    /** Action identifier (alternative to event) */
-    action?: string;
-}
-interface GameMenuProps {
-    /** Menu title */
-    title: string;
-    /** Optional subtitle or version */
-    subtitle?: string;
-    /** Menu options - accepts readonly for compatibility with generated const arrays */
-    options?: readonly MenuOption[];
-    /** Alias for options (schema compatibility) */
-    menuItems?: readonly MenuOption[];
-    /** Called when an option is selected (legacy callback, prefer event bus) */
-    onSelect?: (option: MenuOption) => void;
-    /** Event bus for emitting UI events (optional, uses hook if not provided) */
-    eventBus?: EventBusContextType;
-    /** Background image or gradient */
-    background?: string;
-    /** Logo image URL */
-    logo?: string;
-    /** Additional CSS classes */
-    className?: string;
-}
-declare function GameMenu({ title, subtitle, options, menuItems, onSelect, eventBus: eventBusProp, background, logo, className, }: GameMenuProps): react_jsx_runtime.JSX.Element;
-declare namespace GameMenu {
-    var displayName: string;
-}
-
-interface GameOverStat {
-    /** Stat label */
-    label: string;
-    /** Stat value (required if bind is not provided) */
-    value?: number | string;
-    /**
-     * Schema-style data binding (e.g., "player.score").
-     * Alternative to value - used when stats come from schema render_ui effects.
-     * Component will display 0 as placeholder since runtime binding is not implemented.
-     */
-    bind?: string;
-    /** Display format */
-    format?: "number" | "time" | "text";
-    /** Icon */
-    icon?: React$1.ReactNode;
-}
-interface GameOverAction {
-    /** Display label */
-    label: string;
-    /** Event to emit on click */
-    event?: string;
-    /** Page to navigate to */
-    navigatesTo?: string;
-    /** Button variant */
-    variant?: "primary" | "secondary" | "ghost";
-}
-interface GameOverScreenProps {
-    /** Screen title (e.g., "Game Over", "Victory!") */
-    title: string;
-    /** Optional message */
-    message?: string;
-    /** Stats to display */
-    stats?: GameOverStat[];
-    /** Action buttons */
-    actions?: GameOverAction[];
-    /** Alias for actions (schema compatibility) */
-    menuItems?: GameOverAction[];
-    /** Called when an action is selected (legacy callback, prefer event bus) */
-    onAction?: (action: GameOverAction) => void;
-    /** Event bus for emitting UI events (optional, uses hook if not provided) */
-    eventBus?: EventBusContextType;
-    /** Victory or defeat variant */
-    variant?: "victory" | "defeat" | "neutral";
-    /** High score (optional, shows "NEW HIGH SCORE!" if exceeded) */
-    highScore?: number | string;
-    /** Current score for high score comparison (accepts string for schema bindings) */
-    currentScore?: number | string;
-    /** Additional CSS classes */
-    className?: string;
-}
-declare function GameOverScreen({ title, message, stats, actions, menuItems, onAction, eventBus: eventBusProp, variant, highScore, currentScore, className, }: GameOverScreenProps): react_jsx_runtime.JSX.Element;
-declare namespace GameOverScreen {
-    var displayName: string;
-}
-
+declare const FEATURE_COLORS: Record<string, string>;
 /**
- * InventoryPanel Component
- *
- * Grid-based inventory UI with item selection and tooltips.
+ * Convert tile grid coordinates to screen pixel coordinates.
  *
- * **State categories (closed-circuit compliant):**
- * - Data (items, slots, selectedSlot) → received via props
- * - UI-transient (hoveredSlot, tooltipPosition) → local only
- * - Events → emitted via `useEventBus()` (selectSlot, useItem, dropItem)
+ * Uses 2:1 diamond isometric projection:
+ * - X increases to the lower-right
+ * - Y increases to the lower-left
  *
- * Local state is hover/tooltip only — rendering-only concerns.
- */
-
-interface InventoryItem {
-    id: string;
-    type: string;
-    quantity: number;
-    sprite?: string;
-    name?: string;
-    description?: string;
-}
-interface InventoryPanelProps {
-    /** Array of items in inventory */
-    items: InventoryItem[];
-    /** Total number of slots */
-    slots: number;
-    /** Number of columns in grid */
-    columns: number;
-    /** Currently selected slot index */
-    selectedSlot?: number;
-    /** Called when a slot is selected */
-    onSelectSlot?: (index: number) => void;
-    /** Called when an item is used (double-click or Enter) */
-    onUseItem?: (item: InventoryItem) => void;
-    /** Called when an item is dropped */
-    onDropItem?: (item: InventoryItem) => void;
-    /** Declarative event: emits UI:{selectSlotEvent} with { index } when a slot is selected */
-    selectSlotEvent?: string;
-    /** Declarative event: emits UI:{useItemEvent} with { item } when an item is used */
-    useItemEvent?: string;
-    /** Declarative event: emits UI:{dropItemEvent} with { item } when an item is dropped */
-    dropItemEvent?: string;
-    /** Show item tooltips on hover */
-    showTooltips?: boolean;
-    /** Optional className */
-    className?: string;
-    /** Slot size in pixels */
-    slotSize?: number;
-}
+ * @param tileX - Grid X coordinate
+ * @param tileY - Grid Y coordinate
+ * @param scale - Render scale factor
+ * @param baseOffsetX - Horizontal offset to center the grid
+ * @returns Screen position { x, y } of the tile's top-left corner
+ */
+declare function isoToScreen(tileX: number, tileY: number, scale: number, baseOffsetX: number): {
+    x: number;
+    y: number;
+};
 /**
- * Inventory panel component with grid layout
+ * Convert screen pixel coordinates back to tile grid coordinates.
  *
- * @example
- * ```tsx
- * <InventoryPanel
- *   items={playerInventory}
- *   slots={20}
- *   columns={5}
- *   selectedSlot={selectedSlot}
- *   onSelectSlot={setSelectedSlot}
- *   onUseItem={(item) => console.log('Used:', item.name)}
- *   showTooltips
- * />
- * ```
+ * Inverse of isoToScreen. Snaps to nearest integer tile position.
+ *
+ * @param screenX - Screen X in pixels
+ * @param screenY - Screen Y in pixels
+ * @param scale - Render scale factor
+ * @param baseOffsetX - Horizontal offset used in isoToScreen
+ * @returns Snapped grid position { x, y }
  */
-declare function InventoryPanel({ items, slots, columns, selectedSlot, onSelectSlot, onUseItem, onDropItem, selectSlotEvent, useItemEvent, dropItemEvent, showTooltips, className, slotSize, }: InventoryPanelProps): React__default.JSX.Element;
+declare function screenToIso(screenX: number, screenY: number, scale: number, baseOffsetX: number): {
+    x: number;
+    y: number;
+};
 
 /**
- * DialogueBox Component
- *
- * NPC dialogue display with typewriter effect and choices.
+ * Sprite Animation Engine
  *
- * **State categories (closed-circuit compliant):**
- * - Content (dialogue node, speaker, text, choices) → received via props
- * - UI-transient animation (displayedText, isTyping, charIndex, selectedChoice) → local only
- * - Events → emitted via `useEventBus()` (complete, choice, advance)
+ * Pure functions for sprite sheet animation: direction inference,
+ * frame computation, sheet resolution, and animation state management.
+ * No React dependencies — usable in any context.
  *
- * Local state is typewriter animation only — an inherently rendering-only
- * concern analogous to Form's `formData`.
+ * @packageDocumentation
  */
 
-interface DialogueChoice {
-    text: string;
-    action?: string;
-    next?: string;
-    disabled?: boolean;
-}
-interface DialogueNode {
-    id?: string;
-    speaker: string;
-    text: string;
-    portrait?: string;
-    choices?: DialogueChoice[];
-    autoAdvance?: number;
-}
-/** Event Contract:
- *  Emits: UI:COMPLETE
- *  Emits: UI:CHOICE
- *  Emits: UI:ADVANCE
+/**
+ * Infer facing direction from a movement delta on the isometric grid.
+ * dx/dy are tile coordinate deltas (not screen pixels).
+ *
+ * Isometric grid:
+ *   NW ← (-x)    NE ← (-y)
+ *   SW ← (+y)    SE ← (+x)
  */
-interface DialogueBoxProps {
-    /** Current dialogue node to display */
-    dialogue: DialogueNode;
-    /** Typewriter speed in ms per character (0 = instant) */
-    typewriterSpeed?: number;
-    /** Position of dialogue box */
-    position?: 'top' | 'bottom';
-    /** Called when text animation completes */
-    onComplete?: () => void;
-    /** Called when a choice is selected */
-    onChoice?: (choice: DialogueChoice) => void;
-    /** Called when dialogue is advanced (no choices) */
-    onAdvance?: () => void;
-    /** Declarative event: emits UI:{completeEvent} when text animation completes */
-    completeEvent?: string;
-    /** Declarative event: emits UI:{choiceEvent} with { choice } when a choice is selected */
-    choiceEvent?: string;
-    /** Declarative event: emits UI:{advanceEvent} when dialogue is advanced */
-    advanceEvent?: string;
-    /** Optional className */
-    className?: string;
-}
+declare function inferDirection(dx: number, dy: number): FacingDirection;
 /**
- * Dialogue box component with typewriter effect
+ * Map a 4-direction facing to the actual sheet file direction + flipX flag.
+ * We only have SE and SW sheet images. NE/NW are rendered by flipping:
+ *   SE → SE sheet, no flip
+ *   SW → SW sheet, no flip
+ *   NE → SW sheet, flipX (mirror of SW gives NE)
+ *   NW → SE sheet, flipX (mirror of SE gives NW)
+ */
+declare function resolveSheetDirection(facing: FacingDirection): {
+    sheetDir: SpriteDirection;
+    flipX: boolean;
+};
+/**
+ * Compute the current frame index and whether the animation has finished.
+ */
+declare function getCurrentFrame(animName: AnimationName, elapsed: number): {
+    frame: number;
+    finished: boolean;
+};
+/**
+ * Resolve a complete frame descriptor for canvas drawing.
+ * Returns null if no sprite sheet URLs are available for this unit.
+ */
+declare function resolveFrame(sheetUrls: SpriteSheetUrls | null, frameDims: SpriteFrameDims, animState: UnitAnimationState): ResolvedFrame | null;
+/**
+ * Create initial animation state for a unit (idle, facing SE).
+ */
+declare function createUnitAnimationState(unitId: string): UnitAnimationState;
+/**
+ * Transition to a new animation. Resets elapsed time.
+ * Optionally updates direction. Death cannot be overridden.
+ */
+declare function transitionAnimation(state: UnitAnimationState, newAnim: AnimationName, direction?: FacingDirection): UnitAnimationState;
+/**
+ * Advance animation state by deltaMs.
+ * Handles one-shot → queued/idle transitions automatically.
+ */
+declare function tickAnimationState(state: UnitAnimationState, deltaMs: number): UnitAnimationState;
+
+/**
+ * Sprite Sheet Constants
  *
- * @example
- * ```tsx
- * <DialogueBox
- *   dialogue={{
- *     speaker: "Old Man",
- *     text: "It's dangerous to go alone! Take this.",
- *     portrait: "/portraits/oldman.png",
- *     choices: [
- *       { text: "Thank you!", action: "ACCEPT_ITEM" },
- *       { text: "No thanks", next: "decline_node" }
- *     ]
- *   }}
- *   typewriterSpeed={30}
- *   onChoice={(choice) => handleChoice(choice)}
- *   position="bottom"
- * />
- * ```
+ * Standard layout for 8-column × 5-row character sprite sheets.
+ * All characters share identical sheet geometry.
+ *
+ * @packageDocumentation
  */
-declare function DialogueBox({ dialogue, typewriterSpeed, position, onComplete, onChoice, onAdvance, completeEvent, choiceEvent, advanceEvent, className, }: DialogueBoxProps): React__default.JSX.Element;
+
+/** Number of columns in a sprite sheet (frames per row) */
+declare const SHEET_COLUMNS = 8;
+/**
+ * Standard sprite sheet row layout.
+ * Row 0 = idle, Row 1 = walk, Row 2 = attack, Row 3 = hit, Row 4 = death.
+ */
+declare const SPRITE_SHEET_LAYOUT: Record<AnimationName, AnimationDef>;
 
 /**
  * BattleBoard
@@ -7998,37 +8690,6 @@ declare const springOscillator: PhysicsPreset;
 
 declare const ALL_PRESETS: PhysicsPreset[];
 
-/**
- * CombatLog Component
- *
- * Scrollable log of combat events with icons and colors.
- * Generalized from Trait Wars — removed asset manifest coupling.
- */
-
-type CombatLogEventType = 'attack' | 'defend' | 'heal' | 'move' | 'special' | 'death' | 'spawn';
-interface CombatEvent {
-    id: string;
-    type: CombatLogEventType;
-    message: string;
-    timestamp: number;
-    actorName?: string;
-    targetName?: string;
-    value?: number;
-    turn?: number;
-}
-interface CombatLogProps {
-    events: CombatEvent[];
-    maxVisible?: number;
-    autoScroll?: boolean;
-    showTimestamps?: boolean;
-    title?: string;
-    className?: string;
-}
-declare function CombatLog({ events, maxVisible, autoScroll, showTimestamps, className, title, }: CombatLogProps): React__default.JSX.Element;
-declare namespace CombatLog {
-    var displayName: string;
-}
-
 /**
  * Game Types — Generalized
  *
@@ -8427,65 +9088,6 @@ interface ChartProps {
 }
 declare const Chart: React__default.FC<ChartProps>;
 
-/**
- * Meter Organism Component
- *
- * A gauge/meter component for displaying a value within a range.
- * Supports linear, radial, and segmented display modes.
- *
- * Orbital Component Interface Compliance:
- * - Entity binding with auto-fetch when entity is a string
- * - Event emission via useEventBus (UI:* events)
- * - isLoading and error state props
- * - className for external styling
- */
-
-type MeterVariant = "linear" | "radial" | "segmented";
-interface MeterThreshold {
-    value: number;
-    color: string;
-    label?: string;
-}
-interface MeterAction {
-    label: string;
-    event?: string;
-    navigatesTo?: string;
-    variant?: "primary" | "secondary" | "ghost";
-}
-interface MeterProps {
-    /** Current value */
-    value: number;
-    /** Minimum value */
-    min?: number;
-    /** Maximum value */
-    max?: number;
-    /** Display label */
-    label?: string;
-    /** Unit suffix (e.g., '%', 'MB', 'credits') */
-    unit?: string;
-    /** Display variant */
-    variant?: MeterVariant;
-    /** Color thresholds */
-    thresholds?: readonly MeterThreshold[];
-    /** Number of segments (for segmented variant) */
-    segments?: number;
-    /** Show value text */
-    showValue?: boolean;
-    /** Size (for radial variant) */
-    size?: "sm" | "md" | "lg";
-    /** Actions */
-    actions?: readonly MeterAction[];
-    /** Entity name for schema-driven auto-fetch */
-    entity?: string;
-    /** Loading state */
-    isLoading?: boolean;
-    /** Error state */
-    error?: Error | null;
-    /** Additional CSS classes */
-    className?: string;
-}
-declare const Meter: React__default.FC<MeterProps>;
-
 /**
  * Timeline Organism Component
  *
@@ -9115,4 +9717,4 @@ declare namespace WorldMapTemplate {
     var displayName: string;
 }
 
-export { ALL_PRESETS, AR_BOOK_FIELDS, Accordion, type AccordionItem, type AccordionProps, type ActionButtonConfig, ActionButtons, type ActionButtonsProps, Card as ActionCard, type CardProps as ActionCardProps, ActionPalette, type ActionPaletteProps, ActionTile, type ActionTileProps, Alert, type AlertProps, type AlertVariant, AnimatedCounter, type AnimatedCounterProps, type AnimationDef, type AnimationName, type AudioManifest, AuthLayout, type AuthLayoutProps, Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, Badge, type BadgeProps, type BadgeVariant, BattleBoard, type BattleBoardProps, type BattleEntity, type BattlePhase, type BattleSlotContext, type BattleStateCallbacks, type BattleStateEventConfig, type BattleStateResult, BattleTemplate, type BattleTemplateProps, type BattleTile, type BattleUnit, type BoardTile, type BookChapter, BookChapterView, type BookChapterViewProps, BookCoverPage, type BookCoverPageProps, type BookData, type BookFieldMap, BookNavBar, type BookNavBarProps, type BookPart, BookTableOfContents, type BookTableOfContentsProps, BookViewer, type BookViewerProps, Box, type BoxBg, type BoxMargin, type BoxPadding, type BoxProps, type BoxRounded, type BoxShadow, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, BuilderBoard, type BuilderBoardProps, type BuilderComponent, type BuilderPuzzleEntity, type BuilderSlot, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type CalendarEvent, CalendarGrid, type CalendarGridProps, CameraState, CanvasEffect, type CanvasEffectProps, Card$1 as Card, type CardAction, CardBody, CardContent, CardFooter, CardGrid, type CardGridGap, type CardGridProps, CardHeader, type CardProps$1 as CardProps, CardTitle, Carousel, type CarouselProps, CastleBoard, type CastleBoardProps, type CastleEntity, type CastleSlotContext, CastleTemplate, type CastleTemplateProps, Center, type CenterProps, Chart, type ChartDataPoint$1 as ChartDataPoint, ChartLegend, type ChartLegendItem, type ChartLegendProps, type ChartProps, type ChartSeries, type ChartType, Checkbox, type CheckboxProps, ClassifierBoard, type ClassifierBoardProps, type ClassifierCategory, type ClassifierItem, type ClassifierPuzzleEntity, CodeBlock, type CodeBlockProps, CodeView, type CodeViewProps, CodeViewer, type CodeViewerMode, type CodeViewerProps, CollapsibleSection, type CollapsibleSectionProps, type Column, type CombatActionType, type CombatEffect, type CombatEvent, type CombatEventData, type CombatEventType, CombatLog, type CombatLogEventType, type CombatLogProps, type ConditionalContext, ConditionalWrapper, type ConditionalWrapperProps, ConfettiEffect, type ConfettiEffectProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogVariant, Container, type ContainerProps, ContentRenderer, type ContentRendererProps, ControlButton, type ControlButtonProps, type CounterSize, CounterTemplate, type CounterTemplateProps, type CounterVariant, DIAMOND_TOP_Y, DPad, type DPadDirection, type DPadProps, type DamageResult, DashboardGrid, type DashboardGridCell, type DashboardGridProps, DashboardLayout, type DashboardLayoutProps, DataGrid, type DataGridField, type DataGridItemAction, type DataGridProps, DataList, type DataListField, type DataListItemAction, type DataListProps, DataTable, type DataTableProps, DateRangeSelector, type DateRangeSelectorOption, type DateRangeSelectorProps, DayCell, type DayCellProps, DebuggerBoard, type DebuggerBoardProps, type DebuggerLine, type DebuggerPuzzleEntity, type DetailField, DetailPanel, type DetailPanelProps, type DetailSection, DialogueBox, type DialogueBoxProps, type DialogueChoice, type DialogueNode, type DiffLine, Divider, type DividerOrientation, type DividerProps, type DocumentType, DocumentViewer, type DocumentViewerProps, StateMachineView as DomStateMachineVisualizer, type DotSize, type DotState, Drawer, type DrawerPosition, type DrawerProps, type DrawerSize, DrawerSlot, type DrawerSlotProps, EditorCheckbox, type EditorCheckboxProps, type EditorMode, EditorSelect, type EditorSelectProps, EditorSlider, type EditorSliderProps, EditorTextInput, type EditorTextInputProps, EditorToolbar, type EditorToolbarProps, EmptyState, type EmptyStateProps, EntityDisplayEvents, type EntityDisplayProps, ErrorBoundary, type ErrorBoundaryProps, ErrorState, type ErrorStateProps, EventBusContextType, EventHandlerBoard, type EventHandlerBoardProps, type EventHandlerPuzzleEntity, EventLog, type EventLogEntry, type EventLogProps, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, type FacingDirection, type FilterDefinition, FilterGroup, type FilterGroupProps, type FilterPayload, Flex, type FlexProps, FlipCard, type FlipCardProps, FlipContainer, type FlipContainerProps, FloatingActionButton, type FloatingActionButtonProps, Form, FormActions, type FormActionsProps, FormField, type FormFieldProps, FormLayout, type FormLayoutProps, type FormProps, FormSection$1 as FormSection, FormSectionHeader, type FormSectionHeaderProps, type FormSectionProps, type FrameDimsResolver, type GameAction, GameAudioContext, type GameAudioContextValue, type GameAudioControls, GameAudioProvider, type GameAudioProviderProps, GameAudioToggle, type GameAudioToggleProps, GameHud, type GameHudElement, type GameHudProps, type GameHudStat, GameMenu, type GameMenuProps, type GameOverAction, GameOverScreen, type GameOverScreenProps, type GameOverStat, type GamePhase, GameShell, type GameShellProps, type GameState, GameTemplate, type GameTemplateProps, type GameUnit, GenericAppTemplate, type GenericAppTemplateProps, GraphCanvas, type GraphCanvasProps, type GraphEdge, type GraphNode, GraphView, type GraphViewEdge, type GraphViewNode, type GraphViewProps, Grid, type GridProps, HStack, type HStackProps, Header, type HeaderProps, Heading, type HeadingProps, HealthBar, type HealthBarProps, type HighlightType, IDENTITY_BOOK_FIELDS, Icon, type IconAnimation, type IconProps, type IconSize, InfiniteScrollSentinel, type InfiniteScrollSentinelProps, Input, InputGroup, type InputGroupProps, type InputProps, type InventoryItem, InventoryPanel, type InventoryPanelProps, IsometricCanvas, type IsometricCanvasProps, IsometricFeature, IsometricTile, IsometricUnit, JazariStateMachine, type JazariStateMachineProps, Label, type LabelProps, type LawReference, LawReferenceTooltip, type LawReferenceTooltipProps, Lightbox, type LightboxImage, type LightboxProps, LineChart, type LineChartProps, List, type ListItem, type ListProps, LoadingState, type LoadingStateProps, type MapHero, type MapHex, type MapMarkerData, MapView, type MapViewProps, MarkdownContent, type MarkdownContentProps, MasterDetail, type MasterDetailProps, type MeasurementPoint, MediaGallery, type MediaGalleryProps, type MediaItem, Menu, type MenuItem, type MenuOption, type MenuProps, Meter, type MeterProps, type MeterThreshold, type MeterVariant, Modal, type ModalProps, type ModalSize, ModalSlot, type ModalSlotProps, type NavItem, Navigation, type NavigationItem, type NavigationProps, type NegotiatorAction, NegotiatorBoard, type NegotiatorBoardProps, type NegotiatorPuzzleEntity, NotifyListener, NumberStepper, type NumberStepperProps, type NumberStepperSize, ObjectRulePanel, type ObjectRulePanelProps, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, type OrbitalVisualizationProps, Overlay, type OverlayProps, type PageBreadcrumb, PageHeader, type PageHeaderProps, type PaginatePayload, Pagination, type PaginationProps, type PayoffEntry, type Physics2DState, type PhysicsBody, type PhysicsBounds, type PhysicsConfig, type PhysicsConstraint, PhysicsManager, type PhysicsPreset, PlatformerCanvas, type PlatformerCanvasProps, type PlatformerPlatform, type PlatformerPlayer, Popover, type PopoverProps, type Position, ProgressBar, type ProgressBarColor, type ProgressBarProps, type ProgressBarVariant, ProgressDots, type ProgressDotsProps, PullToRefresh, type PullToRefreshProps, type PuzzleObjectDef, QuizBlock, type QuizBlockProps, Radio, type RadioProps, RangeSlider, type RangeSliderProps, type RangeSliderSize, type RelationOption, RelationSelect, type RelationSelectProps, RepeatableFormSection, type RepeatableFormSectionProps, type RepeatableItem, type ResolvedFrame, type RowAction, type RuleDefinition, RuleEditor, type RuleEditorProps, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, type ScaledDiagramProps, ScoreDisplay, type ScoreDisplayProps, SearchInput, type SearchInputProps, type SearchPayload, Section, type SectionProps, Select, type SelectOption, type SelectPayload, type SelectProps, SequenceBar, type SequenceBarProps, SequencerBoard, type SequencerBoardProps, type SequencerPuzzleEntity, type SheetUrlResolver, SidePanel, type SidePanelProps, Sidebar, type SidebarItem, type SidebarProps, SignaturePad, type SignaturePadProps, SimpleGrid, type SimpleGridProps, SimulationCanvas, type SimulationCanvasProps, SimulationControls, type SimulationControlsProps, SimulationGraph, type SimulationGraphProps, SimulatorBoard, type SimulatorBoardProps, type SimulatorParameter, type SimulatorPuzzleEntity, Skeleton, type SkeletonProps, type SkeletonVariant, SlotContent, SlotContentRenderer, type SlotItemData, type SortDirection, type SortPayload, SortableList, type SortableListProps, type SoundEntry, Spacer, type SpacerProps, type SpacerSize, Spinner, type SpinnerProps, Split, SplitPane, type SplitPaneProps, type SplitProps, Sprite, type SpriteDirection, type SpriteFrameDims, type SpriteProps, type SpriteSheetUrls, Stack, type StackAlign, type StackDirection, type StackGap, type StackJustify, type StackProps, StarRating, type StarRatingPrecision, type StarRatingProps, type StarRatingSize, StatBadge, type StatBadgeProps, StatCard, type StatCardProps, StateArchitectBoard, type StateArchitectBoardProps, type StateArchitectPuzzleEntity, type StateArchitectTransition, StateIndicator, type StateIndicatorProps, StateMachineView, type StateMachineViewProps, StateNode, type StateNodeProps, type StateStyle, StatusBar, type StatusBarProps, StatusDot, type StatusDotProps, type StatusDotSize, type StatusDotStatus, type SwipeAction, SwipeableRow, type SwipeableRowProps, Switch, type SwitchProps, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, type TabDefinition, type TabItem, TabbedContainer, type TabbedContainerProps, Table, type TableColumn, type TableProps, Tabs, type TabsProps, type TemplateProps, TerrainPalette, type TerrainPaletteProps, type TestCase, Text, TextHighlight, type TextHighlightProps, type TextProps, Textarea, type TextareaProps, ThemeSelector, ThemeToggle, type ThemeToggleProps, TimeSlotCell, type TimeSlotCellProps, Timeline, type TimelineItem, type TimelineItemStatus, type TimelineProps, Toast, type ToastProps, ToastSlot, type ToastSlotProps, type ToastVariant, Tooltip, type TooltipProps, TraitSlot, type TraitSlotProps, type TraitStateMachineDefinition, TraitStateViewer, type TraitStateViewerProps, type TraitTransition, TransitionArrow, type TransitionArrowProps, type TransitionBundle, type TrendDirection, TrendIndicator, type TrendIndicatorProps, type TrendIndicatorSize, TypewriterText, type TypewriterTextProps, Typography, type TypographyProps, type TypographyVariant, UISlot, UISlotComponent, UISlotRenderer, type UISlotRendererProps, UncontrolledBattleBoard, type UncontrolledBattleBoardProps, type UnitAnimationState, type UnitTrait, UploadDropZone, type UploadDropZoneProps, type UseGameAudioOptions, type UsePhysics2DOptions, type UsePhysics2DReturn, type UseSpriteAnimationsOptions, type UseSpriteAnimationsResult, VStack, type VStackProps, type VariableDef, VariablePanel, type VariablePanelProps, ViolationAlert, type ViolationAlertProps, type ViolationRecord, WizardContainer, type WizardContainerProps, WizardNavigation, type WizardNavigationProps, WizardProgress, type WizardProgressProps, type WizardProgressStep, type WizardStep, WorldMapBoard, type WorldMapBoardProps, type WorldMapEntity, type WorldMapSlotContext, WorldMapTemplate, type WorldMapTemplateProps, applyTemporaryEffect, calculateAttackTargets, calculateDamage, calculateValidMoves, combatAnimations, combatClasses, combatEffects, createInitialGameState, createUnitAnimationState, drawSprite, generateCombatMessage, getCurrentFrame, inferDirection, isoToScreen, mapBookData, pendulum, projectileMotion, resolveFieldMap, resolveFrame, resolveSheetDirection, screenToIso, springOscillator, tickAnimationState, transitionAnimation, useBattleState, useCamera, useGameAudio, useGameAudioContext, useImageCache, usePhysics2D, useSpriteAnimations };
+export { ALL_PRESETS, AR_BOOK_FIELDS, Accordion, type AccordionItem, type AccordionProps, ActionButton$1 as ActionButton, type ActionButtonConfig, type ActionButtonProps, ActionButtons, type ActionButtonsProps, Card as ActionCard, type CardProps as ActionCardProps, ActionPalette, type ActionPaletteProps, ActionTile, type ActionTileProps, type ActivePowerup, Alert, type AlertProps, type AlertVariant, AnimatedCounter, type AnimatedCounterProps, type AnimationDef, type AnimationName, type AudioManifest, AuthLayout, type AuthLayoutProps, Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, Badge, type BadgeProps, type BadgeVariant, BattleBoard, type BattleBoardProps, type BattleEntity, type BattlePhase, type BattleSlotContext, type BattleStateCallbacks, type BattleStateEventConfig, type BattleStateResult, BattleTemplate, type BattleTemplateProps, type BattleTile, type BattleUnit, type BoardTile, type BookChapter, BookChapterView, type BookChapterViewProps, BookCoverPage, type BookCoverPageProps, type BookData, type BookFieldMap, BookNavBar, type BookNavBarProps, type BookPart, BookTableOfContents, type BookTableOfContentsProps, BookViewer, type BookViewerProps, Box, type BoxBg, type BoxMargin, type BoxPadding, type BoxProps, type BoxRounded, type BoxShadow, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, BuilderBoard, type BuilderBoardProps, type BuilderComponent, type BuilderPuzzleEntity, type BuilderSlot, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type CalendarEvent, CalendarGrid, type CalendarGridProps, CameraState, CanvasEffect, type CanvasEffectProps, Card$1 as Card, type CardAction, CardBody, CardContent, CardFooter, CardGrid, type CardGridGap, type CardGridProps, CardHeader, type CardProps$1 as CardProps, CardTitle, Carousel, type CarouselProps, CastleBoard, type CastleBoardProps, type CastleEntity, type CastleSlotContext, CastleTemplate, type CastleTemplateProps, Center, type CenterProps, Chart, type ChartDataPoint$1 as ChartDataPoint, ChartLegend, type ChartLegendItem, type ChartLegendProps, type ChartProps, type ChartSeries, type ChartType, Checkbox, type CheckboxProps, ChoiceButton, type ChoiceButtonProps, ClassifierBoard, type ClassifierBoardProps, type ClassifierCategory, type ClassifierItem, type ClassifierPuzzleEntity, CodeBlock, type CodeBlockProps, CodeView, type CodeViewProps, CodeViewer, type CodeViewerMode, type CodeViewerProps, CollapsibleSection, type CollapsibleSectionProps, type Column, type CombatActionType, type CombatEffect, type CombatEvent, type CombatEventData, type CombatEventType, CombatLog, type CombatLogEventType, type CombatLogProps, ComboCounter, type ComboCounterProps, type ConditionalContext, ConditionalWrapper, type ConditionalWrapperProps, ConfettiEffect, type ConfettiEffectProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogVariant, Container, type ContainerProps, ContentRenderer, type ContentRendererProps, ControlButton, type ControlButtonProps, type CounterSize, CounterTemplate, type CounterTemplateProps, type CounterVariant, type CraftingIngredient, CraftingRecipe, type CraftingRecipeProps, DIAMOND_TOP_Y, DPad, type DPadDirection, type DPadProps, DamageNumber, type DamageNumberProps, type DamageResult, DashboardGrid, type DashboardGridCell, type DashboardGridProps, DashboardLayout, type DashboardLayoutProps, DataGrid, type DataGridField, type DataGridItemAction, type DataGridProps, DataList, type DataListField, type DataListItemAction, type DataListProps, DataTable, type DataTableProps, DateRangeSelector, type DateRangeSelectorOption, type DateRangeSelectorProps, DayCell, type DayCellProps, DebuggerBoard, type DebuggerBoardProps, type DebuggerLine, type DebuggerPuzzleEntity, type DetailField, DetailPanel, type DetailPanelProps, type DetailSection, DialogueBox, type DialogueBoxProps, DialogueBubble, type DialogueBubbleProps, type DialogueChoice, type DialogueNode, type DiffLine, Divider, type DividerOrientation, type DividerProps, type DocumentType, DocumentViewer, type DocumentViewerProps, StateMachineView as DomStateMachineVisualizer, type DotSize, type DotState, Drawer, type DrawerPosition, type DrawerProps, type DrawerSize, DrawerSlot, type DrawerSlotProps, EditorCheckbox, type EditorCheckboxProps, type EditorMode, EditorSelect, type EditorSelectProps, EditorSlider, type EditorSliderProps, EditorTextInput, type EditorTextInputProps, EditorToolbar, type EditorToolbarProps, EmptyState, type EmptyStateProps, EnemyPlate, type EnemyPlateEffect, type EnemyPlateProps, EntityDisplayEvents, type EntityDisplayProps, ErrorBoundary, type ErrorBoundaryProps, ErrorState, type ErrorStateProps, EventBusContextType, EventHandlerBoard, type EventHandlerBoardProps, type EventHandlerPuzzleEntity, EventLog, type EventLogEntry, type EventLogProps, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, type FacingDirection, type FilterDefinition, FilterGroup, type FilterGroupProps, type FilterPayload, Flex, type FlexProps, FlipCard, type FlipCardProps, FlipContainer, type FlipContainerProps, FloatingActionButton, type FloatingActionButtonProps, Form, FormActions, type FormActionsProps, FormField, type FormFieldProps, FormLayout, type FormLayoutProps, type FormProps, FormSection$1 as FormSection, FormSectionHeader, type FormSectionHeaderProps, type FormSectionProps, type FrameDimsResolver, type GameAction, GameAudioContext, type GameAudioContextValue, type GameAudioControls, GameAudioProvider, type GameAudioProviderProps, GameAudioToggle, type GameAudioToggleProps, GameCanvas2D, type GameCanvas2DProps, GameHud, type GameHudElement, type GameHudProps, type GameHudStat, GameMenu, type GameMenuProps, type GameOverAction, GameOverScreen, type GameOverScreenProps, type GameOverStat, type GamePhase, GameShell, type GameShellProps, type GameState, GameTemplate, type GameTemplateProps, type GameUnit, GenericAppTemplate, type GenericAppTemplateProps, GraphCanvas, type GraphCanvasProps, type GraphEdge, type GraphNode, GraphView, type GraphViewEdge, type GraphViewNode, type GraphViewProps, Grid, type GridProps, HStack, type HStackProps, Header, type HeaderProps, Heading, type HeadingProps, HealthBar, type HealthBarProps, HealthPanel, type HealthPanelProps, type HighlightType, IDENTITY_BOOK_FIELDS, Icon, type IconAnimation, type IconProps, type IconSize, InfiniteScrollSentinel, type InfiniteScrollSentinelProps, Input, InputGroup, type InputGroupProps, type InputProps, InventoryGrid, type InventoryGridItem, type InventoryGridProps, type InventoryItem, InventoryPanel, type InventoryPanelProps, IsometricCanvas, type IsometricCanvasProps, IsometricFeature, IsometricTile, IsometricUnit, ItemSlot, type ItemSlotProps, JazariStateMachine, type JazariStateMachineProps, Label, type LabelProps, type LawReference, LawReferenceTooltip, type LawReferenceTooltipProps, Lightbox, type LightboxImage, type LightboxProps, LineChart, type LineChartProps, List, type ListItem, type ListProps, LoadingState, type LoadingStateProps, type MapHero, type MapHex, type MapMarkerData, MapView, type MapViewProps, MarkdownContent, type MarkdownContentProps, MasterDetail, type MasterDetailProps, type MeasurementPoint, MediaGallery, type MediaGalleryProps, type MediaItem, Menu, type MenuItem, type MenuOption, type MenuProps, Meter, type MeterAction, type MeterProps, type MeterThreshold, type MeterVariant, MiniMap, type MiniMapProps, Modal, type ModalProps, type ModalSize, ModalSlot, type ModalSlotProps, type NavItem, Navigation, type NavigationItem, type NavigationProps, type NegotiatorAction, NegotiatorBoard, type NegotiatorBoardProps, type NegotiatorPuzzleEntity, NotifyListener, NumberStepper, type NumberStepperProps, type NumberStepperSize, ObjectRulePanel, type ObjectRulePanelProps, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, type OrbitalVisualizationProps, Overlay, type OverlayProps, type PageBreadcrumb, PageHeader, type PageHeaderProps, type PaginatePayload, Pagination, type PaginationProps, type PayoffEntry, type Physics2DState, type PhysicsBody, type PhysicsBounds, type PhysicsConfig, type PhysicsConstraint, PhysicsManager, type PhysicsPreset, PlatformerCanvas, type PlatformerCanvasProps, type PlatformerPlatform, type PlatformerPlayer, Popover, type PopoverProps, type Position, PowerupSlots, type PowerupSlotsProps, ProgressBar, type ProgressBarColor, type ProgressBarProps, type ProgressBarVariant, ProgressDots, type ProgressDotsProps, PullToRefresh, type PullToRefreshProps, type PuzzleObjectDef, type Quest, QuestTracker, type QuestTrackerProps, QuizBlock, type QuizBlockProps, Radio, type RadioProps, RangeSlider, type RangeSliderProps, type RangeSliderSize, type RelationOption, RelationSelect, type RelationSelectProps, RepeatableFormSection, type RepeatableFormSectionProps, type RepeatableItem, type ResolvedFrame, ResourceBar, type ResourceBarProps, type ResourceBarResource, ResourceCounter, type ResourceCounterProps, type RowAction, type RuleDefinition, RuleEditor, type RuleEditorProps, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, type ScaledDiagramProps, ScoreBoard, type ScoreBoardProps, ScoreDisplay, type ScoreDisplayProps, SearchInput, type SearchInputProps, type SearchPayload, Section, type SectionProps, Select, type SelectOption, type SelectPayload, type SelectProps, SequenceBar, type SequenceBarProps, SequencerBoard, type SequencerBoardProps, type SequencerPuzzleEntity, type SheetUrlResolver, SidePanel, type SidePanelProps, Sidebar, type SidebarItem, type SidebarProps, SignaturePad, type SignaturePadProps, SimpleGrid, type SimpleGridProps, SimulationCanvas, type SimulationCanvasProps, SimulationControls, type SimulationControlsProps, SimulationGraph, type SimulationGraphProps, SimulatorBoard, type SimulatorBoardProps, type SimulatorParameter, type SimulatorPuzzleEntity, Skeleton, type SkeletonProps, type SkeletonVariant, SlotContent, SlotContentRenderer, type SlotItemData, type SortDirection, type SortPayload, SortableList, type SortableListProps, type SoundEntry, Spacer, type SpacerProps, type SpacerSize, Spinner, type SpinnerProps, Split, SplitPane, type SplitPaneProps, type SplitProps, Sprite, type SpriteDirection, type SpriteFrameDims, type SpriteProps, type SpriteSheetUrls, Stack, type StackAlign, type StackDirection, type StackGap, type StackJustify, type StackProps, StarRating, type StarRatingPrecision, type StarRatingProps, type StarRatingSize, StatBadge, type StatBadgeProps, StatCard, type StatCardProps, StatDisplay, type StatDisplayProps, StateArchitectBoard, type StateArchitectBoardProps, type StateArchitectPuzzleEntity, type StateArchitectTransition, StateIndicator, type StateIndicatorProps, StateMachineView, type StateMachineViewProps, StateNode, type StateNodeProps, type StateStyle, StatusBar, type StatusBarProps, StatusDot, type StatusDotProps, type StatusDotSize, type StatusDotStatus, StatusEffect, type StatusEffectProps, type SwipeAction, SwipeableRow, type SwipeableRowProps, Switch, type SwitchProps, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, type TabDefinition, type TabItem, TabbedContainer, type TabbedContainerProps, Table, type TableColumn, type TableProps, Tabs, type TabsProps, type TemplateProps, TerrainPalette, type TerrainPaletteProps, type TestCase, Text, TextHighlight, type TextHighlightProps, type TextProps, Textarea, type TextareaProps, ThemeSelector, ThemeToggle, type ThemeToggleProps, TimeSlotCell, type TimeSlotCellProps, Timeline, type TimelineItem, type TimelineItemStatus, type TimelineProps, TimerDisplay, type TimerDisplayProps, Toast, type ToastProps, ToastSlot, type ToastSlotProps, type ToastVariant, Tooltip, type TooltipProps, TraitSlot, type TraitSlotProps, type TraitStateMachineDefinition, TraitStateViewer, type TraitStateViewerProps, type TraitTransition, TransitionArrow, type TransitionArrowProps, type TransitionBundle, type TrendDirection, TrendIndicator, type TrendIndicatorProps, type TrendIndicatorSize, TurnIndicator, type TurnIndicatorProps, TurnPanel, type TurnPanelAction, type TurnPanelProps, TypewriterText, type TypewriterTextProps, Typography, type TypographyProps, type TypographyVariant, UISlot, UISlotComponent, UISlotRenderer, type UISlotRendererProps, UncontrolledBattleBoard, type UncontrolledBattleBoardProps, type UnitAnimationState, type UnitCommand, UnitCommandBar, type UnitCommandBarProps, type UnitTrait, UploadDropZone, type UploadDropZoneProps, type UseGameAudioOptions, type UsePhysics2DOptions, type UsePhysics2DReturn, type UseSpriteAnimationsOptions, type UseSpriteAnimationsResult, VStack, type VStackProps, type VariableDef, VariablePanel, type VariablePanelProps, ViolationAlert, type ViolationAlertProps, type ViolationRecord, WaypointMarker, type WaypointMarkerProps, WizardContainer, type WizardContainerProps, WizardNavigation, type WizardNavigationProps, WizardProgress, type WizardProgressProps, type WizardProgressStep, type WizardStep, WorldMapBoard, type WorldMapBoardProps, type WorldMapEntity, type WorldMapSlotContext, WorldMapTemplate, type WorldMapTemplateProps, XPBar, type XPBarProps, applyTemporaryEffect, calculateAttackTargets, calculateDamage, calculateValidMoves, combatAnimations, combatClasses, combatEffects, createInitialGameState, createUnitAnimationState, drawSprite, generateCombatMessage, getCurrentFrame, inferDirection, isoToScreen, mapBookData, pendulum, projectileMotion, resolveFieldMap, resolveFrame, resolveSheetDirection, screenToIso, springOscillator, tickAnimationState, transitionAnimation, useBattleState, useCamera, useGameAudio, useGameAudioContext, useImageCache, usePhysics2D, useSpriteAnimations };