/** * Canvas dimension constants * Design Philosophy: Canvas mimics real paper (A4) - fixed dimensions regardless of screen size * Paper doesn't change size in the real world, so our canvas shouldn't either */ /** * Constraints for zoom 1.4 (fit mode) * These percentages account for the 1.4x transform scaling applied to the canvas */ export declare const ORIENTATION_CONSTRAINTS: { readonly portrait: { readonly zoomFitWidth: "55%"; readonly zoomFitMaxWidth: 1100; }; readonly landscape: { readonly zoomFitWidth: "60%"; readonly zoomFitMaxWidth: 1200; }; }; /** * Canvas dimension constants for different orientations and zoom levels * Portrait: Standard document width (850px at 100% zoom) * Landscape: Wider canvas for horizontal layouts (1190px at 100% zoom, ~1.4x portrait) * * Note: Zoom level 1.4 uses percentage widths that are scaled by transform: scaleX(1.4) * The effective width is baseWidth * 1.4, so percentages are reduced accordingly */ export declare const CANVAS_DIMENSIONS: { readonly portrait: { readonly '0.5': { readonly width: 700; readonly minHeight: "150%"; }; readonly '0.75': { readonly width: 800; readonly minHeight: "200%"; }; readonly '1': { readonly width: 850; readonly minHeight: "100%"; }; readonly '1.4': { readonly width: 1190; readonly minHeight: "140%"; }; readonly '1.5': { readonly width: 1275; readonly minHeight: "150%"; }; readonly '2': { readonly width: 1700; readonly minHeight: "200%"; }; }; readonly landscape: { readonly '0.5': { readonly width: 980; readonly minHeight: "150%"; }; readonly '0.75': { readonly width: 1135; readonly minHeight: "200%"; }; readonly '1': { readonly width: 1190; readonly minHeight: "100%"; }; readonly '1.4': { readonly width: 1666; readonly minHeight: "140%"; }; readonly '1.5': { readonly width: 1785; readonly minHeight: "150%"; }; readonly '2': { readonly width: 2380; readonly minHeight: "200%"; }; }; };