@ue-too/board 0.14.1 → 0.15.0

package/README.md

@@ -34,6 +34,7 @@
 ## Overview
 
 ### What This Library Provides
+
 - Transforms HTML canvas into a near-infinite canvas with panning, zooming, and rotation capabilities
 - Provides utility functions that simplify the complex mathematics required for infinite canvas operations
 - Compatible with multiple canvas frameworks (vanilla, Pixi.js, Fabric.js, Konva) as the underlying mathematical principles remain consistent
@@ -41,6 +42,7 @@
 - Accomplishes the same goal as pixi-viewport but without pixi.js dependency
 
 ### What This Library Is Not
+
 - A complete drawing application like Excalidraw or tldraw
 - A full-featured package with built-in drawing tools and user interfaces
 
@@ -55,6 +57,7 @@ As you add these features, the code becomes increasingly complex, especially whe
 Even if you're not building a drawing app, `ue-too` is useful for any canvas that requires panning functionality. It works with various frameworks including pixi.js, fabric.js, Konva, vanilla JavaScript canvas API, and even headless canvas in Node.js.
 
 ## Quick Demo
+
 [Stackblitz example link](https://stackblitz.com/edit/vitejs-vite-jpxrtxzg?file=index.html): This example demonstrates the basic functionality shown in the [Quick Start](#quick-start-using-only-html-canvas) section.
 
 Additional examples in the [`devserver`](https://github.com/niuee/board/tree/main/devserver) directory show integration with pixi.js, fabric.js, and Konva (incomplete but providing general implementation guidance).
@@ -62,15 +65,17 @@ Additional examples in the [`devserver`](https://github.com/niuee/board/tree/mai
 ## Installation and Usage
 
 ### Installation
+
 ```bash
 npm install @ue-too/board
 ```
 
 ```javascript
-import { Board } from "@ue-too/board";
+import { Board } from '@ue-too/board';
 ```
 
 ## Key Features
+
 - Modularity: Use only the components you need (details in the [Under the Hood](#under-the-hood) section)
 - Comprehensive input support: touch, trackpad (macOS), keyboard, and mouse, with customizable behavior
 - Framework-agnostic: Works with HTML and JavaScript, and can be integrated with frontend frameworks/libraries
@@ -81,25 +86,26 @@ import { Board } from "@ue-too/board";
 This example is based on the MDN documentation for the [Canvas API](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API). (turning the MDN example into an infinite canvas)
 
 HTML:
+
 ```html
 <canvas id="graph"></canvas>
 ```
 
 ```javascript
-import { Board } from "@ue-too/board";
+import { Board } from '@ue-too/board';
 
-const canvas = document.getElementById("graph");
+const canvas = document.getElementById('graph');
 
 const board = new Board(canvas);
 
 function draw(timestamp) {
-    // step the board 
+    // step the board
     board.step(timestamp);
 
     // add the rectangle back to the canvas, the drawing steps is the same as the MDN example but we're using the context from the board instance.
-    board.context.fillStyle = "green";
+    board.context.fillStyle = 'green';
     board.context.fillRect(10, 10, 150, 100);
-    
+
     // request the next frame
     requestAnimationFrame(draw);
 }
@@ -111,21 +117,25 @@ requestAnimationFrame(draw);
 ### Default Input Controls
 
 Pan:
+
 - Mouse + Keyboard: Drag while holding spacebar or use scroll wheel button
 - Trackpad: Two-finger swipe
 - Touch: Two-finger swipe
 
 Zoom:
+
 - Mouse + Keyboard: Ctrl + scroll wheel
 - Trackpad: Two-finger pinch
 - Touch: Two-finger pinch
 
 ### Important Notes
+
 - All drawing operations should be performed in the `requestAnimationFrame` callback after the `step` function
 - The `Board` class is designed for minimal setup but offers less flexibility
 - For more customization, refer to the [Under the Hood](#under-the-hood) section
 
 The `Board` class handles:
+
 - Input event interpretation
 - Automatic camera zoom boundary adjustments
 - And more...
@@ -145,16 +155,16 @@ Please refer to the [README](https://github.com/ue-too/ue-too/) in the root dire
 1. This package is within a monorepo, and is managed by nx and pnpm. I am not super familiar with nx or monorepo; this is kind of an experiment and a learning experience for me. (if you have any suggestions on how to improve the setup, please let me know!)
 2. Bundling the package is done through rollup and testing through jest.
 
-
 ## Under the Hood
 
-ue-too consists of 3 core components: 
+ue-too consists of 3 core components:
 
 - `Board Camera (viewport)`: This is the core of the cores xD; It's the class that holds the information about the viewport.
-- `Camera Input Multiplexer`: This is the part that determines which kind of input should be passed through based on the current condition. This is to support multiple input methods. For example, user input would take precedence over the transition animation input and so on. 
+- `Camera Input Multiplexer`: This is the part that determines which kind of input should be passed through based on the current condition. This is to support multiple input methods. For example, user input would take precedence over the transition animation input and so on.
 - `User Input Interpretation`: This is the part that handles the user input events from the canvas element (pointer, keyboard, touch, etc.), and based on the events determine what the user intentions are.
 
 To see detail of each component navigate to the respective readme in the subdirectories.
+
 - [Board Camera](https://github.com/ue-too/ue-too/tree/main/packages/board/src/camera)
 - [Camera Mux](https://github.com/ue-too/ue-too/tree/main/packages/board/src/camera/camera-mux)
 - [User Input Interpreter](https://github.com/ue-too/ue-too/tree/main/packages/board/src/input-interpretation)
@@ -210,7 +220,7 @@ flowchart TB
     IO -->|"always publish"| RIP
     RIP --> RIO
     IO -->|"ask permission"| CM
-    
+
     %% Camera Mux
     OCIS -->|"request input"| CM
     CM -->|"allowPassThrough?"| IO
@@ -222,6 +232,7 @@ flowchart TB
 ```
 
 **Key concepts:**
+
 - **Event Parsers**: Register listeners on canvas (should work with vanilla out of the box, pixi.js, fabric.js, konva with some modifications)
 - **Input State Machine**: Interprets raw events into camera intents (pan/zoom/rotate)
 - **Input Orchestrator**: Routes outputs in parallel — always publishes raw input, and asks CameraMux for permission to pass through the input to the camera rig.

package/boardify/index.d.ts

@@ -1,13 +1,13 @@
-import { ObservableBoardCamera } from '../camera/interface';
-import { KMTEventParser } from '../input-interpretation/raw-input-parser';
-import { TouchEventParser } from '../input-interpretation/raw-input-parser';
 import { Point } from '@ue-too/math';
-import { CameraEventMap, CameraState, UnSubscribe } from '../camera/update-publisher';
-import { UnsubscribeToUserRawInput, RawUserInputEventMap } from '../input-interpretation/raw-input-publisher';
 import { CameraMux } from '../camera/camera-mux';
 import { CameraRig } from '../camera/camera-rig';
-import { CanvasDimensions } from '../input-interpretation/input-state-machine';
+import { ObservableBoardCamera } from '../camera/interface';
+import { CameraEventMap, CameraState, UnSubscribe } from '../camera/update-publisher';
 import { InputOrchestrator } from '../input-interpretation/input-orchestrator';
+import { CanvasDimensions } from '../input-interpretation/input-state-machine';
+import { KMTEventParser } from '../input-interpretation/raw-input-parser';
+import { TouchEventParser } from '../input-interpretation/raw-input-parser';
+import { RawUserInputEventMap, UnsubscribeToUserRawInput } from '../input-interpretation/raw-input-publisher';
 /**
  * Main user-facing API class that provides an infinite canvas with pan, zoom, and rotate capabilities.
  *
@@ -143,10 +143,9 @@ import { InputOrchestrator } from '../input-interpretation/input-orchestrator';
  * ```
  *
  * @example
- * Using fullscreen mode
+ * Initialize board without canvas, attach canvas later
  * ```typescript
  * const board = new Board();
- * board.fullScreen = true; // Canvas will resize with window
  *
  * // Attach canvas later
  * const canvasElement = document.createElement('canvas');

package/camera/base.d.ts

@@ -1,9 +1,19 @@
 import { Point } from '@ue-too/math';
-import { Boundaries } from './utils/position';
-import { ZoomLevelLimits } from './utils/zoom';
-import { RotationLimits } from './utils/rotation';
 import { BoardCamera } from './interface';
 import { TransformationMatrix } from './utils/matrix';
+import { Boundaries } from './utils/position';
+import { RotationLimits } from './utils/rotation';
+import { ZoomLevelLimits } from './utils/zoom';
+export type CameraOptions = {
+    viewPortWidth?: number;
+    viewPortHeight?: number;
+    position?: Point;
+    rotation?: number;
+    zoomLevel?: number;
+    boundaries?: Boundaries;
+    zoomLevelBoundaries?: ZoomLevelLimits;
+    rotationBoundaries?: RotationLimits;
+};
 /**
  * Base camera implementation providing core functionality for an infinite canvas system.
  * This is the fundamental building block for camera management in the board package.
@@ -90,7 +100,7 @@ export default class BaseCamera implements BoardCamera {
      * );
      * ```
      */
-    constructor(viewPortWidth?: number, viewPortHeight?: number, position?: Point, rotation?: number, zoomLevel?: number, boundaries?: Boundaries, zoomLevelBoundaries?: ZoomLevelLimits, rotationBoundaries?: RotationLimits | undefined);
+    constructor(options: CameraOptions);
     /**
      * Gets the current position boundaries that constrain camera movement in world coordinates.
      *
@@ -343,16 +353,6 @@ export default class BaseCamera implements BoardCamera {
      * ```
      */
     setRotation(rotation: number): boolean;
-    /**
-     * Gets the camera origin in window coordinates.
-     *
-     * @deprecated This method is deprecated and will be removed in a future version.
-     * Currently just returns the input unchanged.
-     *
-     * @param centerInWindow - Center point in window coordinates
-     * @returns The same point (camera origin equals window center)
-     */
-    getCameraOriginInWindow(centerInWindow: Point): Point;
     /**
      * Converts a point from viewport coordinates to world coordinates.
      *

package/camera/camera-edge-auto-input.d.ts

@@ -1,4 +1,4 @@
-import { CameraMux } from "./camera-mux";
+import { CameraMux } from './camera-mux';
 /**
  * Automatic camera panning triggered by cursor proximity to viewport edges.
  * Commonly used in strategy games, map editors, and design tools.

package/camera/camera-mux/animation-and-lock/animation-and-lock.d.ts

@@ -1,8 +1,8 @@
-import { CameraMux, CameraMuxPanOutput, CameraMuxZoomOutput, CameraMuxRotationOutput } from "../interface";
-import { Point } from "@ue-too/math";
-import { PanControlStateMachine } from "./pan-control-state-machine";
-import { ZoomControlStateMachine } from "./zoom-control-state-machine";
-import { RotateControlStateMachine, RotateControlOutputEvent } from "./rotation-control-state-machine";
+import { Point } from '@ue-too/math';
+import { CameraMux, CameraMuxPanOutput, CameraMuxRotationOutput, CameraMuxZoomOutput } from '../interface';
+import { PanControlStateMachine } from './pan-control-state-machine';
+import { RotateControlOutputEvent, RotateControlStateMachine } from './rotation-control-state-machine';
+import { ZoomControlStateMachine } from './zoom-control-state-machine';
 /**
  * Advanced camera input multiplexer with animation support and input locking via state machines.
  *

package/camera/camera-mux/animation-and-lock/index.d.ts

@@ -25,7 +25,7 @@
  *
  * @module
  */
-export * from "./animation-and-lock";
-export * from "./pan-control-state-machine";
-export * from "./zoom-control-state-machine";
-export * from "./rotation-control-state-machine";
+export * from './animation-and-lock';
+export * from './pan-control-state-machine';
+export * from './zoom-control-state-machine';
+export * from './rotation-control-state-machine';

package/camera/camera-mux/animation-and-lock/pan-control-state-machine.d.ts

@@ -1,6 +1,6 @@
-import { Point } from "@ue-too/math";
-import type { EventReactions, State, BaseContext } from "@ue-too/being";
-import { TemplateState, TemplateStateMachine } from "@ue-too/being";
+import type { BaseContext, EventReactions, State } from '@ue-too/being';
+import { TemplateState, TemplateStateMachine } from '@ue-too/being';
+import { Point } from '@ue-too/math';
 /**
  * State identifiers for the pan control state machine.
  *
@@ -12,7 +12,7 @@ import { TemplateState, TemplateStateMachine } from "@ue-too/being";
  *
  * @category Input Flow Control
  */
-export type PanControlStates = "ACCEPTING_USER_INPUT" | "TRANSITION" | "LOCKED_ON_OBJECT";
+export type PanControlStates = 'ACCEPTING_USER_INPUT' | 'TRANSITION' | 'LOCKED_ON_OBJECT';
 /**
  * Payload for pan-by input events (relative panning).
  * @category Input Flow Control
@@ -44,14 +44,14 @@ type EmptyPayload = {};
  * @category Input Flow Control
  */
 export type PanEventPayloadMapping = {
-    "userPanByInput": PanByInputEventPayload;
-    "userPanToInput": PanToInputEventPayload;
-    "transitionPanByInput": PanByInputEventPayload;
-    "transitionPanToInput": PanToInputEventPayload;
-    "lockedOnObjectPanByInput": PanByInputEventPayload;
-    "lockedOnObjectPanToInput": PanToInputEventPayload;
-    "unlock": EmptyPayload;
-    "initateTransition": EmptyPayload;
+    userPanByInput: PanByInputEventPayload;
+    userPanToInput: PanToInputEventPayload;
+    transitionPanByInput: PanByInputEventPayload;
+    transitionPanToInput: PanToInputEventPayload;
+    lockedOnObjectPanByInput: PanByInputEventPayload;
+    lockedOnObjectPanToInput: PanToInputEventPayload;
+    unlock: EmptyPayload;
+    initateTransition: EmptyPayload;
 };
 /**
  * Discriminated union of output events from pan control state machine.
@@ -65,13 +65,13 @@ export type PanEventPayloadMapping = {
  * @category Input Flow Control
  */
 export type PanControlOutputEvent = {
-    type: "panByViewPort";
+    type: 'panByViewPort';
     delta: Point;
 } | {
-    type: "panToWorld";
+    type: 'panToWorld';
     target: Point;
 } | {
-    type: "none";
+    type: 'none';
 };
 /**
  * Output event type mapping for pan control events.
@@ -80,12 +80,12 @@ export type PanControlOutputEvent = {
  * @category Input Flow Control
  */
 export type PanControlOutputMapping = {
-    "userPanByInput": PanControlOutputEvent;
-    "userPanToInput": PanControlOutputEvent;
-    "transitionPanByInput": PanControlOutputEvent;
-    "transitionPanToInput": PanControlOutputEvent;
-    "lockedOnObjectPanByInput": PanControlOutputEvent;
-    "lockedOnObjectPanToInput": PanControlOutputEvent;
+    userPanByInput: PanControlOutputEvent;
+    userPanToInput: PanControlOutputEvent;
+    transitionPanByInput: PanControlOutputEvent;
+    transitionPanToInput: PanControlOutputEvent;
+    lockedOnObjectPanByInput: PanControlOutputEvent;
+    lockedOnObjectPanToInput: PanControlOutputEvent;
 };
 /**
  * State machine controlling pan input flow and animations.

package/camera/camera-mux/animation-and-lock/rotation-control-state-machine.d.ts

@@ -1,5 +1,5 @@
-import type { EventReactions, State, BaseContext } from "@ue-too/being";
-import { TemplateState, TemplateStateMachine } from "@ue-too/being";
+import type { BaseContext, EventReactions, State } from '@ue-too/being';
+import { TemplateState, TemplateStateMachine } from '@ue-too/being';
 /**
  * State identifiers for the rotation control state machine.
  *
@@ -11,7 +11,7 @@ import { TemplateState, TemplateStateMachine } from "@ue-too/being";
  *
  * @category Input Flow Control
  */
-export type RotateControlStates = "ACCEPTING_USER_INPUT" | "TRANSITION" | "LOCKED_ON_OBJECT";
+export type RotateControlStates = 'ACCEPTING_USER_INPUT' | 'TRANSITION' | 'LOCKED_ON_OBJECT';
 /**
  * Payload for rotate-by input events (relative rotation).
  * @category Input Flow Control
@@ -43,14 +43,14 @@ type EmptyPayload = {};
  * @category Input Flow Control
  */
 export type RotateEventPayloadMapping = {
-    "userRotateByInput": RotateByInputEventPayload;
-    "userRotateToInput": RotateToInputEventPayload;
-    "transitionRotateByInput": RotateByInputEventPayload;
-    "transitionRotateToInput": RotateToInputEventPayload;
-    "lockedOnObjectRotateByInput": RotateByInputEventPayload;
-    "lockedOnObjectRotateToInput": RotateToInputEventPayload;
-    "unlock": EmptyPayload;
-    "initateTransition": EmptyPayload;
+    userRotateByInput: RotateByInputEventPayload;
+    userRotateToInput: RotateToInputEventPayload;
+    transitionRotateByInput: RotateByInputEventPayload;
+    transitionRotateToInput: RotateToInputEventPayload;
+    lockedOnObjectRotateByInput: RotateByInputEventPayload;
+    lockedOnObjectRotateToInput: RotateToInputEventPayload;
+    unlock: EmptyPayload;
+    initateTransition: EmptyPayload;
 };
 /**
  * Discriminated union of output events from rotation control state machine.
@@ -64,13 +64,13 @@ export type RotateEventPayloadMapping = {
  * @category Input Flow Control
  */
 export type RotateControlOutputEvent = {
-    type: "rotateBy";
+    type: 'rotateBy';
     delta: number;
 } | {
-    type: "rotateTo";
+    type: 'rotateTo';
     target: number;
 } | {
-    type: "none";
+    type: 'none';
 };
 /**
  * Output event type mapping for rotation control events.
@@ -79,12 +79,12 @@ export type RotateControlOutputEvent = {
  * @category Input Flow Control
  */
 export type RotateControlOutputMapping = {
-    "userRotateByInput": RotateControlOutputEvent;
-    "userRotateToInput": RotateControlOutputEvent;
-    "transitionRotateByInput": RotateControlOutputEvent;
-    "transitionRotateToInput": RotateControlOutputEvent;
-    "lockedOnObjectRotateByInput": RotateControlOutputEvent;
-    "lockedOnObjectRotateToInput": RotateControlOutputEvent;
+    userRotateByInput: RotateControlOutputEvent;
+    userRotateToInput: RotateControlOutputEvent;
+    transitionRotateByInput: RotateControlOutputEvent;
+    transitionRotateToInput: RotateControlOutputEvent;
+    lockedOnObjectRotateByInput: RotateControlOutputEvent;
+    lockedOnObjectRotateToInput: RotateControlOutputEvent;
 };
 /**
  * State machine controlling rotation input flow and animations.

package/camera/camera-mux/animation-and-lock/zoom-control-state-machine.d.ts

@@ -1,6 +1,6 @@
-import type { State, EventReactions, BaseContext } from "@ue-too/being";
-import { TemplateState, TemplateStateMachine } from "@ue-too/being";
-import { Point } from "@ue-too/math";
+import type { BaseContext, EventReactions, State } from '@ue-too/being';
+import { TemplateState, TemplateStateMachine } from '@ue-too/being';
+import { Point } from '@ue-too/math';
 /**
  * State identifiers for the zoom control state machine.
  *
@@ -12,7 +12,7 @@ import { Point } from "@ue-too/math";
  *
  * @category Input Flow Control
  */
-export type ZoomControlStates = "ACCEPTING_USER_INPUT" | "TRANSITION" | "LOCKED_ON_OBJECT";
+export type ZoomControlStates = 'ACCEPTING_USER_INPUT' | 'TRANSITION' | 'LOCKED_ON_OBJECT';
 /**
  * Payload for zoom-by-at input events (relative zoom around a point).
  * @category Input Flow Control
@@ -62,17 +62,17 @@ export type ZoomToPayload = {
  * @category Input Flow Control
  */
 export type ZoomEventPayloadMapping = {
-    "userZoomByAtInput": ZoomByAtInputPayload;
-    "userZoomToAtInput": ZoomToAtInputPayload;
-    "transitionZoomByAtInput": ZoomByAtInputPayload;
-    "transitionZoomToAtInput": ZoomToAtInputPayload;
-    "transitionZoomByAtCenterInput": ZoomByPayload;
-    "transitionZoomToAtCenterInput": ZoomToAtInputPayload;
-    "transitionZoomToAtWorldInput": ZoomToAtInputPayload;
-    "lockedOnObjectZoomByAtInput": ZoomByAtInputPayload;
-    "lockedOnObjectZoomToAtInput": ZoomToAtInputPayload;
-    "unlock": {};
-    "initiateTransition": {};
+    userZoomByAtInput: ZoomByAtInputPayload;
+    userZoomToAtInput: ZoomToAtInputPayload;
+    transitionZoomByAtInput: ZoomByAtInputPayload;
+    transitionZoomToAtInput: ZoomToAtInputPayload;
+    transitionZoomByAtCenterInput: ZoomByPayload;
+    transitionZoomToAtCenterInput: ZoomToAtInputPayload;
+    transitionZoomToAtWorldInput: ZoomToAtInputPayload;
+    lockedOnObjectZoomByAtInput: ZoomByAtInputPayload;
+    lockedOnObjectZoomToAtInput: ZoomToAtInputPayload;
+    unlock: {};
+    initiateTransition: {};
 };
 /**
  * Discriminated union of output events from zoom control state machine.
@@ -90,29 +90,29 @@ export type ZoomEventPayloadMapping = {
  * @category Input Flow Control
  */
 export type ZoomControlOutputEvent = {
-    type: "zoomByAt";
+    type: 'zoomByAt';
     deltaZoom: number;
     anchorPoint: Point;
 } | {
-    type: "zoomToAt";
+    type: 'zoomToAt';
     targetZoom: number;
     anchorPoint: Point;
 } | {
-    type: "zoomBy";
+    type: 'zoomBy';
     deltaZoom: number;
 } | {
-    type: "zoomTo";
+    type: 'zoomTo';
     targetZoom: number;
 } | {
-    type: "zoomByAtWorld";
+    type: 'zoomByAtWorld';
     deltaZoom: number;
     anchorPoint: Point;
 } | {
-    type: "zoomToAtWorld";
+    type: 'zoomToAtWorld';
     targetZoom: number;
     anchorPoint: Point;
 } | {
-    type: "none";
+    type: 'none';
 };
 /**
  * Output event type mapping for zoom control events.
@@ -121,15 +121,15 @@ export type ZoomControlOutputEvent = {
  * @category Input Flow Control
  */
 export type ZoomControlOutputMapping = {
-    "userZoomByAtInput": ZoomControlOutputEvent;
-    "userZoomToAtInput": ZoomControlOutputEvent;
-    "transitionZoomByAtInput": ZoomControlOutputEvent;
-    "transitionZoomToAtInput": ZoomControlOutputEvent;
-    "transitionZoomByAtCenterInput": ZoomControlOutputEvent;
-    "transitionZoomToAtCenterInput": ZoomControlOutputEvent;
-    "transitionZoomToAtWorldInput": ZoomControlOutputEvent;
-    "lockedOnObjectZoomByAtInput": ZoomControlOutputEvent;
-    "lockedOnObjectZoomToAtInput": ZoomControlOutputEvent;
+    userZoomByAtInput: ZoomControlOutputEvent;
+    userZoomToAtInput: ZoomControlOutputEvent;
+    transitionZoomByAtInput: ZoomControlOutputEvent;
+    transitionZoomToAtInput: ZoomControlOutputEvent;
+    transitionZoomByAtCenterInput: ZoomControlOutputEvent;
+    transitionZoomToAtCenterInput: ZoomControlOutputEvent;
+    transitionZoomToAtWorldInput: ZoomControlOutputEvent;
+    lockedOnObjectZoomByAtInput: ZoomControlOutputEvent;
+    lockedOnObjectZoomToAtInput: ZoomControlOutputEvent;
 };
 /**
  * State implementation for accepting user zoom input (idle/normal state).
@@ -138,8 +138,8 @@ export type ZoomControlOutputMapping = {
  */
 export declare class ZoomAcceptingUserInputState extends TemplateState<ZoomEventPayloadMapping, BaseContext, ZoomControlStates, ZoomControlOutputMapping> {
     protected _eventReactions: EventReactions<ZoomEventPayloadMapping, BaseContext, ZoomControlStates, ZoomControlOutputMapping>;
-    userZoomByAtInput(context: BaseContext, payload: ZoomEventPayloadMapping["userZoomByAtInput"]): ZoomControlOutputEvent;
-    userZoomToAtInput(context: BaseContext, payload: ZoomEventPayloadMapping["userZoomToAtInput"]): ZoomControlOutputEvent;
+    userZoomByAtInput(context: BaseContext, payload: ZoomEventPayloadMapping['userZoomByAtInput']): ZoomControlOutputEvent;
+    userZoomToAtInput(context: BaseContext, payload: ZoomEventPayloadMapping['userZoomToAtInput']): ZoomControlOutputEvent;
 }
 /**
  * State implementation for zoom animations and transitions.
@@ -149,15 +149,15 @@ export declare class ZoomAcceptingUserInputState extends TemplateState<ZoomEvent
 export declare class ZoomTransitionState extends TemplateState<ZoomEventPayloadMapping, BaseContext, ZoomControlStates, ZoomControlOutputMapping> {
     constructor();
     protected _eventReactions: EventReactions<ZoomEventPayloadMapping, BaseContext, ZoomControlStates, ZoomControlOutputMapping>;
-    lockedOnObjectZoomByAtInput(context: BaseContext, payload: ZoomEventPayloadMapping["lockedOnObjectZoomByAtInput"]): ZoomControlOutputEvent;
-    lockedOnObjectZoomToAtInput(context: BaseContext, payload: ZoomEventPayloadMapping["lockedOnObjectZoomToAtInput"]): ZoomControlOutputEvent;
-    userZoomByAtInput(context: BaseContext, payload: ZoomEventPayloadMapping["userZoomByAtInput"]): ZoomControlOutputEvent;
-    userZoomToAtInput(context: BaseContext, payload: ZoomEventPayloadMapping["userZoomToAtInput"]): ZoomControlOutputEvent;
-    transitionZoomByAtInput(context: BaseContext, payload: ZoomEventPayloadMapping["transitionZoomByAtInput"]): ZoomControlOutputEvent;
-    transitionZoomByAtCenterInput(context: BaseContext, payload: ZoomEventPayloadMapping["transitionZoomByAtCenterInput"]): ZoomControlOutputEvent;
-    transitionZoomToAtInput(context: BaseContext, payload: ZoomEventPayloadMapping["transitionZoomToAtInput"]): ZoomControlOutputEvent;
-    transitionZoomToAtCenterInput(context: BaseContext, payload: ZoomEventPayloadMapping["transitionZoomToAtCenterInput"]): ZoomControlOutputEvent;
-    transitionZoomToAtWorldInput(context: BaseContext, payload: ZoomEventPayloadMapping["transitionZoomToAtWorldInput"]): ZoomControlOutputEvent;
+    lockedOnObjectZoomByAtInput(context: BaseContext, payload: ZoomEventPayloadMapping['lockedOnObjectZoomByAtInput']): ZoomControlOutputEvent;
+    lockedOnObjectZoomToAtInput(context: BaseContext, payload: ZoomEventPayloadMapping['lockedOnObjectZoomToAtInput']): ZoomControlOutputEvent;
+    userZoomByAtInput(context: BaseContext, payload: ZoomEventPayloadMapping['userZoomByAtInput']): ZoomControlOutputEvent;
+    userZoomToAtInput(context: BaseContext, payload: ZoomEventPayloadMapping['userZoomToAtInput']): ZoomControlOutputEvent;
+    transitionZoomByAtInput(context: BaseContext, payload: ZoomEventPayloadMapping['transitionZoomByAtInput']): ZoomControlOutputEvent;
+    transitionZoomByAtCenterInput(context: BaseContext, payload: ZoomEventPayloadMapping['transitionZoomByAtCenterInput']): ZoomControlOutputEvent;
+    transitionZoomToAtInput(context: BaseContext, payload: ZoomEventPayloadMapping['transitionZoomToAtInput']): ZoomControlOutputEvent;
+    transitionZoomToAtCenterInput(context: BaseContext, payload: ZoomEventPayloadMapping['transitionZoomToAtCenterInput']): ZoomControlOutputEvent;
+    transitionZoomToAtWorldInput(context: BaseContext, payload: ZoomEventPayloadMapping['transitionZoomToAtWorldInput']): ZoomControlOutputEvent;
 }
 /**
  * State implementation for camera locked to follow an object with zoom.
@@ -167,10 +167,10 @@ export declare class ZoomTransitionState extends TemplateState<ZoomEventPayloadM
 export declare class ZoomLockedOnObjectState extends TemplateState<ZoomEventPayloadMapping, BaseContext, ZoomControlStates, ZoomControlOutputMapping> {
     constructor();
     protected _eventReactions: EventReactions<ZoomEventPayloadMapping, BaseContext, ZoomControlStates, ZoomControlOutputMapping>;
-    lockedOnObjectZoomByAtInput(context: BaseContext, payload: ZoomEventPayloadMapping["lockedOnObjectZoomByAtInput"]): ZoomControlOutputEvent;
-    lockedOnObjectZoomToAtInput(context: BaseContext, payload: ZoomEventPayloadMapping["lockedOnObjectZoomToAtInput"]): ZoomControlOutputEvent;
-    userZoomByAtInput(context: BaseContext, payload: ZoomEventPayloadMapping["userZoomByAtInput"]): ZoomControlOutputEvent;
-    userZoomToAtInput(context: BaseContext, payload: ZoomEventPayloadMapping["userZoomToAtInput"]): ZoomControlOutputEvent;
+    lockedOnObjectZoomByAtInput(context: BaseContext, payload: ZoomEventPayloadMapping['lockedOnObjectZoomByAtInput']): ZoomControlOutputEvent;
+    lockedOnObjectZoomToAtInput(context: BaseContext, payload: ZoomEventPayloadMapping['lockedOnObjectZoomToAtInput']): ZoomControlOutputEvent;
+    userZoomByAtInput(context: BaseContext, payload: ZoomEventPayloadMapping['userZoomByAtInput']): ZoomControlOutputEvent;
+    userZoomToAtInput(context: BaseContext, payload: ZoomEventPayloadMapping['userZoomToAtInput']): ZoomControlOutputEvent;
 }
 /**
  * State machine controlling zoom input flow and animations.

package/camera/camera-mux/index.d.ts

@@ -24,6 +24,6 @@
  *
  * @module
  */
-export * from "./interface";
-export * from "./relay";
-export * from "./animation-and-lock";
+export * from './interface';
+export * from './relay';
+export * from './animation-and-lock';

package/camera/camera-mux/interface.d.ts

@@ -1,4 +1,4 @@
-import type { Point } from "@ue-too/math";
+import type { Point } from '@ue-too/math';
 /**
  * Discriminated union type for pan input results.
  * Indicates whether camera panning is allowed and provides the delta if accepted.

package/camera/camera-mux/relay.d.ts

@@ -1,5 +1,5 @@
-import { CameraMux, CameraMuxPanOutput, CameraMuxZoomOutput, CameraMuxRotationOutput } from "./interface";
-import { Point } from "@ue-too/math";
+import { Point } from '@ue-too/math';
+import { CameraMux, CameraMuxPanOutput, CameraMuxRotationOutput, CameraMuxZoomOutput } from './interface';
 /**
  * Stateless camera input multiplexer that always allows inputs to pass through.
  * This is the simplest {@link CameraMux} implementation with no filtering or state management.

package/camera/camera-rig/camera-rig.d.ts

@@ -1,9 +1,9 @@
-import { PanHandlerConfig } from "./pan-handler";
-import { ZoomHandlerConfig } from "./zoom-handler";
-import type { RotationHandlerConfig } from "./rotation-handler";
-import { ObservableBoardCamera } from "../interface";
-import { Point } from "@ue-too/math";
-import type { BaseContext } from "@ue-too/being";
+import type { BaseContext } from '@ue-too/being';
+import { Point } from '@ue-too/math';
+import { ObservableBoardCamera } from '../interface';
+import { PanHandlerConfig } from './pan-handler';
+import type { RotationHandlerConfig } from './rotation-handler';
+import { ZoomHandlerConfig } from './zoom-handler';
 /**
  * Configuration for camera rig behavior combining pan, zoom, and rotation settings.
  * Composed from individual handler configs.

package/camera/camera-rig/index.d.ts

@@ -24,7 +24,7 @@
  *
  * @module
  */
-export * from "./zoom-handler";
-export * from "./pan-handler";
-export * from "./rotation-handler";
-export * from "./camera-rig";
+export * from './zoom-handler';
+export * from './pan-handler';
+export * from './rotation-handler';
+export * from './camera-rig';

package/camera/camera-rig/pan-handler.d.ts

@@ -1,5 +1,5 @@
-import { Point } from "@ue-too/math";
-import { BoardCamera } from "../interface";
+import { Point } from '@ue-too/math';
+import { BoardCamera } from '../interface';
 /**
  * Combined configuration for pan handler behavior, merging restriction and clamping settings.
  *