@almadar/ui 5.105.0 → 5.108.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.105.0",
+  "version": "5.108.0",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [
@@ -52,22 +52,22 @@
       "require": "./dist/lib/index.cjs"
     },
     "./components/organisms/game/three": {
-      "types": "./dist/components/game/3d/index.d.ts",
-      "import": "./dist/components/game/3d/index.js",
-      "require": "./dist/components/game/3d/index.cjs"
+      "types": "./dist/lib/drawable/three/index.d.ts",
+      "import": "./dist/lib/drawable/three/index.js",
+      "require": "./dist/lib/drawable/three/index.cjs"
     },
     "./components/molecules/game/three": {
-      "types": "./dist/components/game/3d/index.d.ts",
-      "import": "./dist/components/game/3d/index.js",
-      "require": "./dist/components/game/3d/index.cjs"
+      "types": "./dist/lib/drawable/three/index.d.ts",
+      "import": "./dist/lib/drawable/three/index.js",
+      "require": "./dist/lib/drawable/three/index.cjs"
     },
     "./components/organisms/game/TraitStateViewer": {
-      "import": "./components/game/2d/TraitStateViewer.tsx",
-      "types": "./components/game/2d/TraitStateViewer.tsx"
+      "import": "./components/game/molecules/TraitStateViewer.tsx",
+      "types": "./components/game/molecules/TraitStateViewer.tsx"
     },
     "./components/organisms/game/TraitSlot": {
-      "import": "./components/game/2d/TraitSlot.tsx",
-      "types": "./components/game/2d/TraitSlot.tsx"
+      "import": "./components/game/molecules/TraitSlot.tsx",
+      "types": "./components/game/molecules/TraitSlot.tsx"
     },
     "./templates": {
       "import": "./templates/index.ts",
@@ -117,10 +117,10 @@
     "access": "public"
   },
   "dependencies": {
-    "@almadar/core": "^10.16.0",
+    "@almadar/core": "^10.20.0",
     "@almadar/evaluator": ">=2.9.2",
     "@almadar/logger": "^1.3.0",
-    "@almadar/patterns": ">=2.35.0",
+    "@almadar/patterns": ">=2.97.0",
     "@almadar/runtime": "^6.21.0",
     "@almadar/std": ">=6.4.1",
     "@almadar/syntax": ">=1.3.1",

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

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import { type IconInput } from '../../../core/atoms/Icon';
-import type { Asset, EventKey } from '@almadar/core';
-export interface ActionButtonProps {
-    /** Sprite asset — takes precedence over icon when provided */
-    assetUrl?: Asset;
-    /** Button label text */
-    label: string;
-    /** Icon displayed before the label */
-    icon?: IconInput;
-    /** 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;
-    /** Declarative event name — emits UI:{action} via eventBus on click */
-    action?: EventKey;
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare function ActionButton({ assetUrl, label, icon, cooldown, disabled, hotkey, size, variant, onClick, action, className, }: ActionButtonProps): React.JSX.Element;
-export declare namespace ActionButton {
-    var displayName: string;
-}

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

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import type { Asset } from '@almadar/core';
-export interface ComboCounterProps {
-    /** Sprite asset displayed alongside the combo number */
-    assetUrl?: Asset;
-    /** Current combo count */
-    combo: number;
-    /** Score multiplier */
-    multiplier?: number;
-    /** Current streak */
-    streak?: number;
-    /** Size variant */
-    size?: 'sm' | 'md' | 'lg';
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare function ComboCounter({ assetUrl, combo, multiplier, streak, size, className, }: ComboCounterProps): React.JSX.Element | null;
-export declare namespace ComboCounter {
-    var displayName: string;
-}

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

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import type { Asset } from '@almadar/core';
-export interface DamageNumberProps {
-    /** Sprite asset — displayed as a hit-effect icon alongside the number */
-    assetUrl?: Asset;
-    /** 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;
-}
-export declare function DamageNumber({ assetUrl, value, type, size, className, }: DamageNumberProps): React.JSX.Element;
-export declare namespace DamageNumber {
-    var displayName: string;
-}

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

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import type { Asset, EventEmit } from '@almadar/core';
-export interface GameCardProps {
-    id: string;
-    cost?: number;
-    /** Card art asset */
-    art?: Asset;
-    /** Asset rendered as the card border/frame via backgroundImage; falls back to CSS border styling when absent. */
-    frameAsset?: Asset;
-    attack?: number;
-    defense?: number;
-    name?: string;
-    selected?: boolean;
-    disabled?: boolean;
-    /** Size variant — controls card dimensions and art pixel size */
-    size?: 'sm' | 'md' | 'lg';
-    /**
-     * One-shot pose LOLO drives on a transition (`DRAW`/`PLAY`), auto-reverted
-     * to `'idle'` by a short tick — same idiom as `HealthBar.animated`, plain
-     * CSS transform driven off a prop, no internal timer here.
-     */
-    animState?: 'idle' | 'drawn' | 'played' | 'flipped';
-    /** Direct click callback */
-    onClick?: (id: string) => void;
-    /** Event-bus event emitted with `{ cardId }` on click */
-    clickEvent?: EventEmit<{
-        cardId: string;
-    }>;
-    className?: string;
-}
-export declare function GameCard({ id, cost, art, frameAsset, attack, defense, name, selected, disabled, size, animState, onClick, clickEvent, className, }: GameCardProps): React.JSX.Element;
-export declare namespace GameCard {
-    var displayName: string;
-}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,31 +0,0 @@
-/**
- * EventLog Component
- *
- * Scrolling log of events during playback in the Event Handler tier.
- * Shows the chain reaction as events cascade through objects.
- *
- * @packageDocumentation
- */
-import React from 'react';
-export interface EventLogEntry {
-    id: string;
-    timestamp: number;
-    icon: string;
-    message: string;
-    status: 'pending' | 'active' | 'done' | 'error';
-}
-export interface EventLogProps {
-    /** Log entries */
-    entries: EventLogEntry[];
-    /** Max visible height before scroll */
-    maxHeight?: number;
-    /** Title label */
-    label?: string;
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare function EventLog({ entries, maxHeight, label, className, }: EventLogProps): React.JSX.Element;
-export declare namespace EventLog {
-    var displayName: string;
-}
-export default EventLog;

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

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import type { EventEmit, Asset } from '@almadar/core';
-import type { IconInput } from '../../../core/atoms/index';
-export interface InventoryGridItem {
-    id: string;
-    icon?: IconInput;
-    assetUrl?: Asset;
-    label?: string;
-    quantity?: number;
-    rarity?: 'common' | 'uncommon' | 'rare' | 'epic' | 'legendary';
-}
-export 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?: EventEmit<{
-        id: string;
-    }>;
-    /** Size variant for all item slots */
-    size?: 'sm' | 'md' | 'lg';
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare function InventoryGrid({ items, columns, totalSlots, selectedId, onSelect, selectEvent, size, className, }: InventoryGridProps): React.JSX.Element;
-export declare namespace InventoryGrid {
-    var displayName: string;
-}

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

@@ -1,32 +0,0 @@
-/**
- * ObjectRulePanel Component
- *
- * Shows the rules panel for a selected world object in the Event Handler tier.
- * Displays object info, its current state (via TraitStateViewer), and
- * a list of WHEN/THEN rules the kid has set.
- *
- * @packageDocumentation
- */
-import React from 'react';
-import type { EntityRow, EventEmit } from '@almadar/core';
-import { type RuleDefinition } from './RuleEditor';
-export interface ObjectRulePanelProps {
-    /** The selected puzzle-object row (`EntityRow` carrying the editable object data) */
-    object: EntityRow;
-    /** Called when rules change (callback path) */
-    onRulesChange?: (objectId: string, rules: RuleDefinition[]) => void;
-    /** Emits UI:{rulesChangeEvent} with { objectId, rules } when rules change (declarative path) */
-    rulesChangeEvent?: EventEmit<{
-        objectId: string;
-        rules: RuleDefinition[];
-    }>;
-    /** Whether editing is disabled */
-    disabled?: boolean;
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare function ObjectRulePanel({ object, onRulesChange, rulesChangeEvent, disabled, className, }: ObjectRulePanelProps): React.JSX.Element;
-export declare namespace ObjectRulePanel {
-    var displayName: string;
-}
-export default ObjectRulePanel;

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

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import type { Asset } from '@almadar/core';
-import type { IconInput } from '../../../core/atoms/index';
-export interface ResourceBarResource {
-    /** Icon for the resource */
-    icon?: IconInput;
-    assetUrl?: Asset;
-    /** Resource name */
-    label: string;
-    /** Current amount */
-    value?: number;
-    /** Maximum amount (displays as bar if provided) */
-    max?: number;
-}
-export interface ResourceBarProps {
-    /** Resources to display */
-    resources: ResourceBarResource[];
-    /** Size variant */
-    size?: 'sm' | 'md' | 'lg';
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare function ResourceBar({ resources, size, className, }: ResourceBarProps): React.JSX.Element;
-export declare namespace ResourceBar {
-    var displayName: string;
-}