@almadar/ui 5.64.0 → 5.67.0

package/dist/components/avl/derive-edit-focus.d.ts

@@ -0,0 +1,8 @@
+import type { EditFocus } from '@almadar/core';
+/**
+ * Build an `EditFocus` from a clicked element's `data-orb-*` address (stamped by
+ * UISlotRenderer). The owning orbital is read from the DOM (`data-orb-orbital`,
+ * walking up via `closest` when the clicked node itself doesn't carry it); since
+ * `EditFocus.orbital` is required, returns `null` when it can't be resolved.
+ */
+export declare function deriveEditFocusFromElement(el: HTMLElement): EditFocus | null;

package/dist/components/core/organisms/ChatBar.d.ts

@@ -0,0 +1,31 @@
+/**
+ * ChatBar Organism
+ *
+ * The always-visible bottom chat bar. A single-row input surface for talking
+ * to the agent: status icon, optional context badge, text input, and a
+ * status-driven action button (Send / Pause+Stop / Resume / Retry).
+ *
+ * The agent's activity stream lives in the dedicated Trace tab (see
+ * SubagentTracePanel). ChatBar emits generic EventBus events
+ * (`UI:CHAT_SEND`, `UI:ELEMENT_SELECTED`, plus the declarative `UI:*` actions
+ * the Button atom raises) — it owns no app-specific state.
+ */
+import React from 'react';
+import type { DisplayStateProps } from './types';
+export type ChatBarStatus = 'idle' | 'running' | 'paused' | 'complete' | 'error';
+export interface ChatBarProps extends DisplayStateProps {
+    /** Pipeline status */
+    status?: ChatBarStatus;
+    /** Currently active gate label, e.g. "Gate 2: State machines" */
+    activeGate?: string;
+    /** JEPA validity probability 0-1 */
+    jepaValidity?: number;
+    /** Input placeholder text */
+    placeholder?: string;
+    /** Agent context description */
+    context?: string;
+}
+export declare function ChatBar({ status, activeGate, jepaValidity, placeholder, context, className, }: ChatBarProps): React.ReactElement;
+export declare namespace ChatBar {
+    var displayName: string;
+}

package/dist/components/core/organisms/SubagentTracePanel.d.ts

@@ -0,0 +1,50 @@
+/**
+ * SubagentTracePanel — contextual side panel that surfaces subagent activity.
+ *
+ * Density adapts to disclosure level:
+ *   - L1/L2 (builder/designer): compact mode — name + role badge + last message
+ *   - L3/L4 (architect): full mode — rich per-subagent activity streams
+ *
+ * Atomic design: composes Box / VStack / HStack / Typography / Badge / Icon /
+ * Button / Modal / Accordion / CodeBlock / MarkdownContent from this package.
+ * It reads the agent-trace view-model from `@almadar/core` (Trace* types) and
+ * owns no transport — the consumer feeds it already-mapped view-model props.
+ */
+import React from 'react';
+import type { DisplayStateProps } from './types';
+import type { TraceActivity, TraceSubagent, TraceChatMessage } from '@almadar/core';
+/** Disclosure level driving panel density (builder=1 … architect=4). */
+export type TraceDisclosureLevel = 1 | 2 | 3 | 4;
+export interface SubagentTracePanelProps extends DisplayStateProps {
+    /** All known subagents from the runner. */
+    subagents: TraceSubagent[];
+    /** Current canvas focus orbital — only used by overlay mode. Tab mode ignores this. */
+    focusedOrbital?: string;
+    /** Drives density: 1-2 → compact, 3-4 → full activity embed (when mode='overlay'). */
+    disclosureLevel: TraceDisclosureLevel;
+    /** Whether the panel is visible. Typically auto-opens during generation in overlay mode. */
+    open: boolean;
+    /** Optional dismiss handler. */
+    onClose?: () => void;
+    /** Full coordinator activities (tool calls, results, messages, errors). */
+    coordinatorActivities?: TraceActivity[];
+    /**
+     * Canonical Coordinator conversation — same shape live and on reload. When
+     * present, takes precedence over `coordinatorActivities` for the Coordinator
+     * section.
+     */
+    coordinatorMessages?: readonly TraceChatMessage[];
+    /**
+     * Rendering mode.
+     * - `'overlay'` (default): floating side panel positioned absolutely over the
+     *   canvas. Density follows `disclosureLevel` (compact L1/L2, rich L3+). The
+     *   `open` flag actually hides the panel when false.
+     * - `'tab'`: full-width content for a dedicated 'trace' supplemental tab.
+     *   Always renders rich (regardless of disclosure level), always visible (the
+     *   `open` flag is ignored), and includes an empty state when no subagents
+     *   are present so users see the surface even before generation starts.
+     */
+    mode?: 'overlay' | 'tab';
+}
+export declare const SubagentTracePanel: React.FC<SubagentTracePanelProps>;
+export default SubagentTracePanel;

package/dist/components/core/organisms/index.d.ts

@@ -28,3 +28,6 @@ export { TeamOrganism, type TeamOrganismProps, } from "../../marketing/organisms
 export { CaseStudyOrganism, type CaseStudyOrganismProps, } from "../../marketing/organisms/CaseStudyOrganism";
 export { CodeRunnerPanel, type CodeRunnerPanelProps, type CodeSimulationOutput, } from './CodeRunnerPanel';
 export { SegmentRenderer, type SegmentRendererProps, } from './SegmentRenderer';
+export { ChatBar, type ChatBarProps, type ChatBarStatus } from './ChatBar';
+export { ELEMENT_SELECTED_EVENT, parseEditFocus, } from './trace-edit-focus';
+export { SubagentTracePanel, type SubagentTracePanelProps, type TraceDisclosureLevel, } from './SubagentTracePanel';

package/dist/components/core/organisms/trace-edit-focus.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Edit Focus — the contextual-edit selection contract for the trace chat bar.
+ *
+ * A canvas element-pick emits `UI:ELEMENT_SELECTED` on the EventBus carrying an
+ * `EditFocus`. This module names that event and narrows the bus payload back
+ * into a typed `EditFocus` for `ChatBar`'s focus chip. It depends only on
+ * `@almadar/core` types; the DOM→focus build lives at the emitting canvas
+ * (`avl/derive-edit-focus`), not here.
+ */
+import type { EditFocus, EventPayloadValue } from '@almadar/core';
+/** The dedicated bus event a canvas element-pick emits. */
+export declare const ELEMENT_SELECTED_EVENT = "UI:ELEMENT_SELECTED";
+/** Narrow a `UI:ELEMENT_SELECTED` payload value back into an `EditFocus`. */
+export declare function parseEditFocus(value: EventPayloadValue | undefined): EditFocus | null;

package/dist/components/game/atoms/ChoiceButton.d.ts

@@ -1,8 +1,14 @@
+import { type IconInput } from '../../core/atoms/Icon';
+import type { AssetUrl } from '@almadar/core';
 export interface ChoiceButtonProps {
     /** Choice text content */
     text: string;
     /** Choice index number (displayed as prefix) */
     index?: number;
+    /** Sprite image URL — takes precedence over icon when provided */
+    assetUrl?: AssetUrl;
+    /** Icon displayed before the text */
+    icon?: IconInput;
     /** Whether the choice is disabled */
     disabled?: boolean;
     /** Whether the choice is currently selected */
@@ -12,7 +18,7 @@ export interface ChoiceButtonProps {
     /** Additional CSS classes */
     className?: string;
 }
-export declare function ChoiceButton({ text, index, disabled, selected, onClick, className, }: ChoiceButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChoiceButton({ text, index, assetUrl, icon, disabled, selected, onClick, className, }: ChoiceButtonProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace ChoiceButton {
     var displayName: string;
 }

package/dist/components/game/molecules/HealthPanel.d.ts

@@ -1,6 +1,9 @@
 import type { IconInput } from '../../core/atoms';
+import type { AssetUrl } from '@almadar/core';
 export interface HealthEffect {
     icon: IconInput;
+    /** Sprite image URL — takes precedence over icon when provided */
+    assetUrl?: AssetUrl;
     label?: string;
     variant?: 'buff' | 'debuff' | 'neutral';
 }

package/dist/components/game/molecules/IsometricCanvas.d.ts

@@ -27,6 +27,7 @@ import * as React from 'react';
 import type { AssetUrl, EventEmit } from '@almadar/core';
 import type { IsometricTile, IsometricUnit, IsometricFeature } from '../organisms/types/isometric';
 import type { ResolvedFrame } from '../organisms/types/spriteAnimation';
+import type { TileLayout } from '../organisms/utils/isometric';
 import type { UiError } from '../../core/atoms/types';
 /** Event Contract:
  *  Emits: UI:TILE_CLICK
@@ -79,6 +80,8 @@ export interface IsometricCanvasProps {
     }>;
     /** Declarative event: emits UI:{tileLeaveEvent} with {} on tile leave */
     tileLeaveEvent?: EventEmit<Record<string, never>>;
+    /** Tile layout projection: 'isometric' (default 2:1 diamond) or 'hex' (pointy-top offset rows) */
+    tileLayout?: TileLayout;
     /** Render scale (0.4 = 40% zoom) */
     scale?: number;
     /** Show debug grid lines and coordinates */
@@ -129,7 +132,7 @@ export interface IsometricCanvasProps {
         effects?: Record<string, string>;
     };
 }
-export declare function IsometricCanvas({ className, isLoading, error, tiles: _tilesPropRaw, units: _unitsPropRaw, features: _featuresPropRaw, selectedUnitId, validMoves, attackTargets, hoveredTile, onTileClick, onUnitClick, onTileHover, onTileLeave, tileClickEvent, unitClickEvent, tileHoverEvent, tileLeaveEvent, scale, debug, backgroundImage, showMinimap, enableCamera, unitScale, spriteHeightRatio, spriteMaxWidthRatio, getTerrainSprite, getFeatureSprite, getUnitSprite, resolveUnitFrame, effectSpriteUrls, onDrawEffects, hasActiveEffects, diamondTopY: diamondTopYProp, assetBaseUrl, assetManifest, }: IsometricCanvasProps): React.JSX.Element;
+export declare function IsometricCanvas({ className, isLoading, error, tiles: _tilesPropRaw, units: _unitsPropRaw, features: _featuresPropRaw, selectedUnitId, validMoves, attackTargets, hoveredTile, onTileClick, onUnitClick, onTileHover, onTileLeave, tileClickEvent, unitClickEvent, tileHoverEvent, tileLeaveEvent, tileLayout, scale, debug, backgroundImage, showMinimap, enableCamera, unitScale, spriteHeightRatio, spriteMaxWidthRatio, getTerrainSprite, getFeatureSprite, getUnitSprite, resolveUnitFrame, effectSpriteUrls, onDrawEffects, hasActiveEffects, diamondTopY: diamondTopYProp, assetBaseUrl, assetManifest, }: IsometricCanvasProps): React.JSX.Element;
 export declare namespace IsometricCanvas {
     var displayName: string;
 }

package/dist/components/game/molecules/PowerupSlots.d.ts

@@ -1,7 +1,10 @@
 import type { IconInput } from '../../core/atoms';
+import type { AssetUrl } from '@almadar/core';
 export interface ActivePowerup {
     /** Unique powerup ID */
     id: string;
+    /** Sprite image URL — takes precedence over icon when provided */
+    assetUrl?: AssetUrl;
     /** Icon component or emoji */
     icon?: IconInput;
     /** Powerup label */

package/dist/components/game/molecules/TurnPanel.d.ts

@@ -1,7 +1,10 @@
 import type { IconInput } from '../../core/atoms';
+import type { AssetUrl } from '@almadar/core';
 export interface TurnPanelAction {
     /** Action button label */
     label: string;
+    /** Sprite image URL — takes precedence over icon when provided */
+    assetUrl?: AssetUrl;
     /** Icon for the button */
     icon?: IconInput;
     /** Event name to emit when clicked */

package/dist/components/game/molecules/index.d.ts

@@ -28,4 +28,5 @@ export { GameMenu, type GameMenuProps, type MenuOption } from './GameMenu';
 export { GameOverScreen, type GameOverScreenProps, type GameOverStat, type GameOverAction } from './GameOverScreen';
 export { PlatformerCanvas, type PlatformerCanvasProps, type PlatformerPlatform, type PlatformerPlayer } from './PlatformerCanvas';
 export { IsometricCanvas, type IsometricCanvasProps } from './IsometricCanvas';
+export type { TileLayout } from '../organisms/utils/isometric';
 export type { IsometricTile, IsometricUnit, IsometricFeature } from '../organisms/types/isometric';

package/dist/components/game/molecules/three/index.cjs

@@ -2845,9 +2845,9 @@ var GameCanvas3D = React11.forwardRef(
         const color = unit.faction === "player" ? 4491519 : unit.faction === "enemy" ? 16729156 : 16777028;
         const hasAtlas = unitAtlasUrl(unit) !== null;
         const initialFrame = hasAtlas ? resolveUnitFrame(unit.id) : null;
-        const modelScale = UNIT_BASE_MODEL_SCALE * unitScale;
-        const billboardHeight = UNIT_BASE_BILLBOARD_HEIGHT * unitScale;
-        const primitiveRadius = UNIT_BASE_PRIMITIVE_RADIUS * unitScale;
+        const modelScale = UNIT_BASE_MODEL_SCALE * unitScale * gridConfig.cellSize;
+        const billboardHeight = UNIT_BASE_BILLBOARD_HEIGHT * unitScale * gridConfig.cellSize;
+        const primitiveRadius = UNIT_BASE_PRIMITIVE_RADIUS * unitScale * gridConfig.cellSize;
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "group",
           {
@@ -2894,7 +2894,7 @@ var GameCanvas3D = React11.forwardRef(
                   /* @__PURE__ */ jsxRuntime.jsx("meshStandardMaterial", { color })
                 ] })
               ] }),
-              unit.health !== void 0 && unit.maxHealth !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("group", { position: [0, 1.2, 0], children: [
+              unit.health !== void 0 && unit.maxHealth !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("group", { position: [0, billboardHeight, 0], children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("mesh", { position: [-0.25, 0, 0], children: [
                   /* @__PURE__ */ jsxRuntime.jsx("planeGeometry", { args: [0.5, 0.05] }),
                   /* @__PURE__ */ jsxRuntime.jsx("meshBasicMaterial", { color: 3355443 })
@@ -2923,7 +2923,7 @@ var GameCanvas3D = React11.forwardRef(
           }
         );
       },
-      [selectedUnitId, handleUnitClick, resolveUnitFrame, unitScale]
+      [selectedUnitId, handleUnitClick, resolveUnitFrame, unitScale, gridConfig]
     );
     const DefaultFeatureRenderer = React11.useCallback(
       ({
@@ -3011,7 +3011,7 @@ var GameCanvas3D = React11.forwardRef(
           {
             ref: containerRef,
             className: cn("game-canvas-3d relative w-full overflow-hidden", className),
-            style: { height: "85vh" },
+            style: { flex: "1 1 0", minHeight: "400px" },
             "data-orientation": orientation,
             "data-camera-mode": cameraMode,
             "data-overlay": overlay,

package/dist/components/game/molecules/three/index.js

@@ -2821,9 +2821,9 @@ var GameCanvas3D = forwardRef(
         const color = unit.faction === "player" ? 4491519 : unit.faction === "enemy" ? 16729156 : 16777028;
         const hasAtlas = unitAtlasUrl(unit) !== null;
         const initialFrame = hasAtlas ? resolveUnitFrame(unit.id) : null;
-        const modelScale = UNIT_BASE_MODEL_SCALE * unitScale;
-        const billboardHeight = UNIT_BASE_BILLBOARD_HEIGHT * unitScale;
-        const primitiveRadius = UNIT_BASE_PRIMITIVE_RADIUS * unitScale;
+        const modelScale = UNIT_BASE_MODEL_SCALE * unitScale * gridConfig.cellSize;
+        const billboardHeight = UNIT_BASE_BILLBOARD_HEIGHT * unitScale * gridConfig.cellSize;
+        const primitiveRadius = UNIT_BASE_PRIMITIVE_RADIUS * unitScale * gridConfig.cellSize;
         return /* @__PURE__ */ jsxs(
           "group",
           {
@@ -2870,7 +2870,7 @@ var GameCanvas3D = forwardRef(
                   /* @__PURE__ */ jsx("meshStandardMaterial", { color })
                 ] })
               ] }),
-              unit.health !== void 0 && unit.maxHealth !== void 0 && /* @__PURE__ */ jsxs("group", { position: [0, 1.2, 0], children: [
+              unit.health !== void 0 && unit.maxHealth !== void 0 && /* @__PURE__ */ jsxs("group", { position: [0, billboardHeight, 0], children: [
                 /* @__PURE__ */ jsxs("mesh", { position: [-0.25, 0, 0], children: [
                   /* @__PURE__ */ jsx("planeGeometry", { args: [0.5, 0.05] }),
                   /* @__PURE__ */ jsx("meshBasicMaterial", { color: 3355443 })
@@ -2899,7 +2899,7 @@ var GameCanvas3D = forwardRef(
           }
         );
       },
-      [selectedUnitId, handleUnitClick, resolveUnitFrame, unitScale]
+      [selectedUnitId, handleUnitClick, resolveUnitFrame, unitScale, gridConfig]
     );
     const DefaultFeatureRenderer = useCallback(
       ({
@@ -2987,7 +2987,7 @@ var GameCanvas3D = forwardRef(
           {
             ref: containerRef,
             className: cn("game-canvas-3d relative w-full overflow-hidden", className),
-            style: { height: "85vh" },
+            style: { flex: "1 1 0", minHeight: "400px" },
             "data-orientation": orientation,
             "data-camera-mode": cameraMode,
             "data-overlay": overlay,

package/dist/components/game/organisms/HexStrategyBoard.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import type { AssetUrl, EventEmit } from '@almadar/core';
+import type { IsometricTile, IsometricUnit, IsometricFeature } from './types/isometric';
+import type { DisplayStateProps } from '../../core/organisms/types';
+import type { IsometricCanvasProps } from '../molecules/IsometricCanvas';
+export interface HexStrategyBoardProps extends DisplayStateProps {
+    /** Hex grid tiles */
+    tiles?: IsometricTile[];
+    /** Units on the board */
+    units?: IsometricUnit[];
+    /** Features (resources, structures, etc.) on the board */
+    features?: IsometricFeature[];
+    /** Asset sprite manifest (same shape as IsometricCanvas.assetManifest) */
+    assetManifest?: IsometricCanvasProps['assetManifest'];
+    /** Base URL prepended to manifest sprite paths */
+    assetBaseUrl?: AssetUrl;
+    /** Render scale */
+    scale?: number;
+    /** Show minimap overlay */
+    showMinimap?: boolean;
+    /** Enable camera pan/zoom controls */
+    enableCamera?: boolean;
+    /** Declarative event: emits UI:{tileClickEvent} with { x, y } on tile click */
+    tileClickEvent?: EventEmit<{
+        x: number;
+        y: number;
+    }>;
+    /** Declarative event: emits UI:{unitClickEvent} with { unitId } on unit click */
+    unitClickEvent?: EventEmit<{
+        unitId: string;
+    }>;
+}
+export declare function HexStrategyBoard({ tiles, units, features, assetManifest, assetBaseUrl, scale, showMinimap, enableCamera, tileClickEvent, unitClickEvent, isLoading, error, className, }: HexStrategyBoardProps): React.ReactElement;
+export declare namespace HexStrategyBoard {
+    var displayName: string;
+}
+export default HexStrategyBoard;

package/dist/components/game/organisms/index.d.ts

@@ -18,6 +18,7 @@ export { useSpriteAnimations, type UseSpriteAnimationsResult, type UseSpriteAnim
 export { usePhysics2D, type UsePhysics2DOptions, type UsePhysics2DReturn, } from './hooks/usePhysics2D';
 export { PhysicsManager, type Physics2DState, type PhysicsBounds, type PhysicsConfig, } from './managers/PhysicsManager';
 export { isoToScreen, screenToIso, TILE_WIDTH, TILE_HEIGHT, FLOOR_HEIGHT, DIAMOND_TOP_Y, FEATURE_COLORS, } from './utils/isometric';
+export type { TileLayout } from './utils/isometric';
 export { inferDirection, resolveSheetDirection, getCurrentFrame, resolveFrame, createUnitAnimationState, transitionAnimation, tickAnimationState, } from './utils/spriteAnimation';
 export { SPRITE_SHEET_LAYOUT, SHEET_COLUMNS } from './utils/spriteSheetConstants';
 export { BattleBoard, type BattleBoardProps, type BattlePhase, type BattleSlotContext, } from './BattleBoard';
@@ -33,6 +34,7 @@ export { CityBuilderBoard, type CityBuilderBoardProps, } from './CityBuilderBoar
 export { GameBoard3D, type GameBoard3DProps, } from './GameBoard3D';
 export { VisualNovelBoard, type VisualNovelBoardProps, type VisualNovelNode, type VisualNovelChoice, } from './VisualNovelBoard';
 export { CardBattlerBoard, type CardBattlerBoardProps, type CardBattlerCard, } from './CardBattlerBoard';
+export { HexStrategyBoard, type HexStrategyBoardProps, } from './HexStrategyBoard';
 export { TraitStateViewer, type TraitStateViewerProps, type TraitStateMachineDefinition, type TraitTransition, } from './TraitStateViewer';
 export { TraitSlot, type TraitSlotProps, type SlotItemData, } from './TraitSlot';
 export { CollapsibleSection, EditorSlider, EditorSelect, EditorCheckbox, EditorTextInput, StatusBar, TerrainPalette, EditorToolbar, TERRAIN_COLORS, FEATURE_TYPES, type EditorMode, type CollapsibleSectionProps, type EditorSliderProps, type EditorSelectProps, type EditorCheckboxProps, type EditorTextInputProps, type StatusBarProps, type TerrainPaletteProps, type EditorToolbarProps, } from './editor';

package/dist/components/game/organisms/utils/isometric.d.ts

@@ -27,20 +27,32 @@ export declare const DIAMOND_TOP_Y = 374;
  * Feature type → fallback color mapping (when sprites not loaded).
  */
 export declare const FEATURE_COLORS: Record<string, string>;
+/**
+ * Tile layout mode. 'isometric' = 2:1 diamond projection (default).
+ * 'hex' = pointy-top offset-row hex grid.
+ *
+ * Hex constants (at scale=1):
+ *   w = TILE_WIDTH (256)   — horizontal cell width
+ *   h = FLOOR_HEIGHT (128) — vertical row stride (= w/2; hex row-to-row = h*0.75 = 96)
+ * Forward:  screenX = col*w + (row&1)*(w/2) + baseOffsetX
+ *           screenY = row * (h * 0.75)
+ * Inverse: row = round(screenY / (h*0.75)); col = round((screenX - (row&1)*(w/2) - baseOffsetX) / w)
+ */
+export type TileLayout = 'isometric' | 'hex';
 /**
  * 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
+ * For 'isometric' (default): 2:1 diamond projection.
+ * For 'hex': pointy-top offset-row projection (odd rows shifted right by w/2).
  *
- * @param tileX - Grid X coordinate
- * @param tileY - Grid Y coordinate
+ * @param tileX - Grid X (col) coordinate
+ * @param tileY - Grid Y (row) coordinate
  * @param scale - Render scale factor
  * @param baseOffsetX - Horizontal offset to center the grid
+ * @param layout - Tile layout mode (default: 'isometric')
  * @returns Screen position { x, y } of the tile's top-left corner
  */
-export declare function isoToScreen(tileX: number, tileY: number, scale: number, baseOffsetX: number): {
+export declare function isoToScreen(tileX: number, tileY: number, scale: number, baseOffsetX: number, layout?: TileLayout): {
     x: number;
     y: number;
 };
@@ -53,9 +65,10 @@ export declare function isoToScreen(tileX: number, tileY: number, scale: number,
  * @param screenY - Screen Y in pixels
  * @param scale - Render scale factor
  * @param baseOffsetX - Horizontal offset used in isoToScreen
+ * @param layout - Tile layout mode (default: 'isometric')
  * @returns Snapped grid position { x, y }
  */
-export declare function screenToIso(screenX: number, screenY: number, scale: number, baseOffsetX: number): {
+export declare function screenToIso(screenX: number, screenY: number, scale: number, baseOffsetX: number, layout?: TileLayout): {
     x: number;
     y: number;
 };