@cesdk/cesdk-js 1.5.1 → 1.6.0

package/index.d.ts

@@ -1,5 +1,6 @@
-/** A11 Settings
- *
+/**
+ * A11 Settings
+ * @public
  */
 declare type A11y = {
     /**
@@ -14,13 +15,11 @@ export declare class API {
     scene: SceneAPI;
     event: EventAPI;
     variable: VariableAPI;
+    editor: EditorAPI;
 }
 
-declare type Asset = {
-    src: string;
-};
-
-declare interface AssetElement {
+/** @public */
+export declare interface _AssetElement {
     id: string;
     name: string;
     uri: string;
@@ -29,80 +28,54 @@ declare interface AssetElement {
 
 /**
  * Single asset result of a query from the engine.
+ * @public
  */
 declare interface AssetResult {
-    /**
-     *  A unique id of this asset
-     */
+    /** A unique id of this asset */
     id: string;
-    /**
-     *  E.g. `ly.img.image`
-     */
+    /**  E.g. `ly.img.image` */
     type: string;
-    /**
-     * URI to a thumbnail of the asset used e.g. in the content library UI
-     */
+    /** URI to a thumbnail of the asset used e.g. in the content library UI */
     thumbUri: string;
-    /**
-     * Original size of the asset.
-     */
+    /** Original size of the asset. */
     size: {
         width: number;
         height: number;
     };
-    /**
-     * Asset-specific and custom meta information
-     */
+    /** Asset-specific and custom meta information */
     meta?: {
         uri?: string;
         filename?: string;
     } & Record<string, unknown>;
-    /**
-     * The locale of the label and tags
-     */
+    /** The locale of the label and tags */
     locale?: string;
-    /**
-     * The label of the result. Used for description and tooltips.
-     */
+    /** The label of the result. Used for description and tooltips.  */
     label?: string;
-    /**
-     * The tags of this asset. Used for filtering and free-text searching.
-     */
+    /** The tags of this asset. Used for filtering and free-text searching.  */
     tags?: string[];
     context: {
         sourceId: string;
     };
-    /**
-     * Credits for the artist of the asset
-     */
+    /** Credits for the artist of the asset */
     credits?: {
         name: string;
         url?: string;
     };
-    /**
-     * License for this asset. Overwrites the source license if present
-     */
+    /** License for this asset. Overwrites the source license if present */
     license?: {
         name: string;
         url?: string;
     };
 }
 
-declare type Assets = {
-    [id: string]: Asset;
-};
-
 /**
  * API to query for assets
+ * @public
  */
 declare interface AssetSource {
-    /**
-     * The asset types returned by this source. Will default to ['ly.img.image'].
-     */
+    /** The asset types returned by this source. Will default to ['ly.img.image'].  */
     types?: string[];
-    /**
-     * Find all asset for the given type and the provided query data.
-     */
+    /** Find all asset for the given type and the provided query data.  */
     findAssets(type: string, queryData?: QueryData): Promise<AssetsQueryResult | undefined>;
     /**
      * Indicates if the asset shall be downloaded to handle the raw data instead
@@ -112,48 +85,59 @@ declare interface AssetSource {
      * re-uploading the assets.
      */
     downloadAssets?: (asset: AssetResult) => Promise<Blob>;
-    /**
-     * Credits for the source/api
-     */
+    /** Credits for the source/api */
     credits?: {
         name: string;
         url?: string;
     };
-    /**
-     * General license for all asset from this source
-     */
+    /** General license for all asset from this source */
     license?: {
         name: string;
         url?: string;
     };
 }
 
+/** @public */
 declare type AssetSources = {
     [id: string]: AssetSource;
 };
 
 /**
  * Return type of a `findAssets` query.
+ * @public
  */
 declare interface AssetsQueryResult {
-    /**
-     * The assets in the requested page
-     */
+    /** The assets in the requested page */
     assets: AssetResult[];
-    /**
-     * The current, requested page
-     */
+    /** The current, requested page */
     currentPage: number;
+    /** The next page to query if it exists */
+    nextPage?: number;
+    /** How many assets are there in total for the current query regardless of the page */
+    total: number;
+}
+
+/**
+ * Bleed margin configuration options for a single design unit type.
+ */
+declare interface BleedMarginOptions {
     /**
-     * The next page to query if it exists
+     * The bleed margin options that can be selected from a dropdown in the UI.
+     * Other bleed margin values can be entered directly using the input field.
      */
-    nextPage: number | undefined;
+    dropdownOptions: number[];
     /**
-     * How many assets are there in total for the current query regardless of the page
+     * The default bleed margin value.
      */
-    total: number;
+    defaultBleedMargin: number;
 }
 
+/**
+ * @public
+ */
+export declare type BlendMode = 'PassThrough' | 'Normal' | 'Darken' | 'Multiply' | 'ColorBurn' | 'Lighten' | 'Screen' | 'ColorDodge' | 'Overlay' | 'SoftLight' | 'HardLight' | 'Difference' | 'Exclusion' | 'Hue' | 'Saturation' | 'Color' | 'Luminosity';
+
+/** @public */
 declare type Block = number;
 
 /**
@@ -169,305 +153,323 @@ export declare class BlockAPI {
      * @param mimeType - The mime type of the output file.
      * @returns A promise that resolves with the exported image or is rejected with an error.
      */
-    export(handle: DesignElementId, mimeType?: MimeType_2): Promise<Blob>;
+    export(handle: DesignBlockId, mimeType?: MimeType_2): Promise<Blob>;
+
     /**
      * Loads existing blocks from the given string.
      * The blocks are not attached by default and won't be visible until attached to a page or the scene.
      * @param content - A string representing the given blocks.
      * @returns A promise that resolves with a list of handles representing the found blocks or an error.
      */
-    loadFromString(content: string): Promise<DesignElementId[]>;
+    loadFromString(content: string): Promise<DesignBlockId[]>;
     /**
      * Saves the given blocks into a string. If given the root of a block hierarchy, e.g. a
      * page with multiple children, the entire hierarchy is saved.
      * @param blocks - The blocks to save
      * @returns A promise that resolves to a string representing the blocks or an error.
      */
-    saveToString(blocks: DesignElementId[]): Promise<string>;
+    saveToString(blocks: DesignBlockId[]): Promise<string>;
     /**
      * Create a new block, fails if type is unknown.
      * @param type - The type of the block that shall be created.
      * @returns The created blocks handle.
      */
-    create(type: DesignBlockType): DesignElementId;
-    /**
+    create(type: DesignBlockType): DesignBlockId;
 
+    /**
      * Get the type of the given block, fails if the block is invalid.
      * @param id - The block to query.
      * @returns The blocks type.
      */
-    getType(id: DesignElementId): DesignBlockType;
+    getType(id: DesignBlockId): DesignBlockType;
     /**
      * Update the selection state of a block.
      * Fails for invalid blocks.
      * @param id - The block to query.
      * @param selected - Whether or not the block should be selected.
      */
-    setSelected(id: DesignElementId, selected: boolean): void;
+    setSelected(id: DesignBlockId, selected: boolean): void;
     /**
      * Get the selected state of a block.
      * @param id - The block to query.
      * @returns True if the block is selected, false otherwise.
      */
-    isSelected(id: DesignElementId): boolean;
+    isSelected(id: DesignBlockId): boolean;
     /**
      * Get all currently selected blocks.
      * @returns An array of block ids.
      */
-    findAllSelected(): DesignElementId[];
+    findAllSelected(): DesignBlockId[];
     /**
      * Confirms that a given set of blocks can be grouped together.
      * @param ids - A non-empty array of block ids.
      * @returns Whether the blocks can be grouped together.
      */
-    isGroupable(ids: DesignElementId[]): boolean;
+    isGroupable(ids: DesignBlockId[]): boolean;
     /**
      * Group blocks together.
      * @param ids - A non-empty array of block ids.
      * @returns The block id of the created group.
      */
-    group(ids: DesignElementId[]): DesignElementId;
+    group(ids: DesignBlockId[]): DesignBlockId;
     /**
      * Ungroups a group.
      * @param id - The group id from a previous call to `group`.
      */
-    ungroup(id: DesignElementId): void;
+    ungroup(id: DesignBlockId): void;
     /**
      * Changes selection from selected group to a block within that group.
      * Nothing happens if `group` is not a group.
      * @param id - The group id from a previous call to `group`.
      */
-    enterGroup(id: DesignElementId): void;
+    enterGroup(id: DesignBlockId): void;
     /**
      * Changes selection from a group's selected block to that group.
      * Nothing happens if the `id` is not part of a group.
      * @param id - A block id.
      */
-    exitGroup(id: DesignElementId): void;
+    exitGroup(id: DesignBlockId): void;
     /**
      * Update a block's name.
      * @param id - The block to update.
      * @param name - The name to set.
      */
-    setName(id: DesignElementId, name: string): void;
+    setName(id: DesignBlockId, name: string): void;
     /**
      * Get a block's name.
      * @param id - The block to update.
      */
-    getName(id: DesignElementId): string;
+    getName(id: DesignBlockId): string;
     /**
      * Finds all blocks with the given name.
      * @param name - The name to search for.
      * @returns A list of block ids.
      */
-    findByName(name: string): DesignElementId[];
+    findByName(name: string): DesignBlockId[];
     /**
      * Finds all blocks with the given type.
      * @param type - The type to search for.
      * @returns A list of block ids.
      */
-    findByType(type: DesignBlockType): DesignElementId[];
+    findByType(type: DesignBlockType): DesignBlockId[];
     /**
      * Return all blocks currently known to the engine.
      * @returns A list of block ids.
      */
-    findAll(): DesignElementId[];
+    findAll(): DesignBlockId[];
+    /**
+     * Return all placeholder blocks in the current scene.
+     * @returns A list of block ids.
+     */
+    findAllPlaceholders(): DesignBlockId[];
     /**
      * Query a block's visibility.
      * @param id - The block to query.
      * @returns True if visible, false otherwise.
      */
-    isVisible(id: DesignElementId): boolean;
+    isVisible(id: DesignBlockId): boolean;
     /**
      * Update a block's visibility.
      * @param id - The block to update.
      * @param visible - Whether the block shall be visible.
      */
-    setVisible(id: DesignElementId, visible: boolean): void;
+    setVisible(id: DesignBlockId, visible: boolean): void;
     /**
      * Query a block's clipped state. If true, the block should clip
      * its contents to its frame.
      * @param id - The block to query.
      * @returns True if clipped, false otherwise.
      */
-    isClipped(id: DesignElementId): boolean;
+    isClipped(id: DesignBlockId): boolean;
     /**
      * Update a block's clipped state.
      * @param id - The block to update.
      * @param clipped - Whether the block should clips its contents to its frame.
      */
-    setClipped(id: DesignElementId, clipped: boolean): void;
+    setClipped(id: DesignBlockId, clipped: boolean): void;
     /**
      * Query a block's x position.
      * @param id - The block to query.
      * @returns The value of the x position.
      */
-    getPositionX(id: DesignElementId): number;
+    getPositionX(id: DesignBlockId): number;
     /**
      * Query a block's mode for its x position.
      * @param id - The block to query.
      * @returns The current mode for the x position: absolute, percent or undefined.
      */
-    getPositionXMode(id: DesignElementId): PositionMode;
+    getPositionXMode(id: DesignBlockId): PositionMode;
     /**
      * Query a block's y position.
      * @param id - The block to query.
      * @returns The value of the y position.
      */
-    getPositionY(id: DesignElementId): number;
+    getPositionY(id: DesignBlockId): number;
     /**
      * Query a block's mode for its y position.
      * @param id - The block to query.
      * @returns The current mode for the y position: absolute, percent or undefined.
      */
-    getPositionYMode(id: DesignElementId): PositionMode;
+    getPositionYMode(id: DesignBlockId): PositionMode;
     /**
      * Update a block's x position.
      * The position refers to the block's local space, relative to its parent with the origin at the top left.
      * @param id - The block to update.
      * @param value - The value of the x position.
      */
-    setPositionX(id: DesignElementId, value: number): void;
+    setPositionX(id: DesignBlockId, value: number): void;
     /**
      * Set a block's mode for its x position.
      * @param id - The block to update.
      * @param mode - The x position mode: absolute, percent or undefined.
      */
-    setPositionXMode(id: DesignElementId, mode: PositionMode): void;
+    setPositionXMode(id: DesignBlockId, mode: PositionMode): void;
     /**
      * Update a block's y position.
      * The position refers to the block's local space, relative to its parent with the origin at the top left.
      * @param id - The block to update.
      * @param value - The value of the y position.
      */
-    setPositionY(id: DesignElementId, value: number): void;
+    setPositionY(id: DesignBlockId, value: number): void;
     /**
      * Set a block's mode for its y position.
      * @param id - The block to update.
      * @param mode - The y position mode: absolute, percent or undefined.
      */
-    setPositionYMode(id: DesignElementId, mode: PositionMode): void;
+    setPositionYMode(id: DesignBlockId, mode: PositionMode): void;
     /**
      * Query a block's rotation in radians.
      * @param id - The block to query.
      * @returns The block's rotation around its center in radians.
      */
-    getRotation(id: DesignElementId): number;
+    getRotation(id: DesignBlockId): number;
     /**
      * Update a block's rotation.
      * @param id - The block to update.
      * @param radians - The new rotation in radians. Rotation is applied around the block's center.
      */
-    setRotation(id: DesignElementId, radians: number): void;
+    setRotation(id: DesignBlockId, radians: number): void;
     /**
      * Query a block's horizontal flip state.
      * @param id - The block to query.
      * @returns A boolean indicating for whether the block is flipped in the queried direction
      */
-    getFlipHorizontal(id: DesignElementId): boolean;
+    getFlipHorizontal(id: DesignBlockId): boolean;
     /**
      * Query a block's vertical flip state.
      * @param id - The block to query.
      * @returns A boolean indicating for whether the block is flipped in the queried direction
      */
-    getFlipVertical(id: DesignElementId): boolean;
+    getFlipVertical(id: DesignBlockId): boolean;
     /**
      * Update a block's horizontal flip.
      * @param id - The block to update.
-     * @param horizontal - Whether the block should be flipped along its x-axis.
+     * @param flip - If the flip should be enabled.
      */
-    setFlipHorizontal(id: DesignElementId, flip: boolean): void;
+    setFlipHorizontal(id: DesignBlockId, flip: boolean): void;
     /**
      * Update a block's vertical flip.
      * @param id - The block to update.
-     * @param vertical - Whether the block should be flipped along its y-axis.
+     * @param flip - If the flip should be enabled.
      */
-    setFlipVertical(id: DesignElementId, flip: boolean): void;
+    setFlipVertical(id: DesignBlockId, flip: boolean): void;
     /**
      * Query a block's width.
      * @param id - The block to query.
      * @returns The value of the block's width.
      */
-    getWidth(id: DesignElementId): number;
+    getWidth(id: DesignBlockId): number;
     /**
      * Query a block's mode for its width.
      * @param id - The block to query.
      * @returns The current mode for the width: absolute, percent or auto.
      */
-    getWidthMode(id: DesignElementId): SizeMode;
+    getWidthMode(id: DesignBlockId): SizeMode;
     /**
      * Query a block's height.
      * @param id - The block to query.
      * @returns The value of the block's height.
      */
-    getHeight(id: DesignElementId): number;
+    getHeight(id: DesignBlockId): number;
     /**
      * Query a block's mode for its height.
      * @param id - The block to query.
      * @returns The current mode for the height: absolute, percent or auto.
      */
-    getHeightMode(id: DesignElementId): SizeMode;
+    getHeightMode(id: DesignBlockId): SizeMode;
+    /**
+     * Query a block's content fill mode.
+     * @param id - The block to query.
+     * @returns The current mode: crop, cover or contain.
+     */
+    getContentFillMode(id: DesignBlockId): ContentFillMode;
     /**
      * Update a block's width.
      * @param id - The block to update.
      * @param value - The new width of the block.
      */
-    setWidth(id: DesignElementId, value: number): void;
+    setWidth(id: DesignBlockId, value: number): void;
     /**
      * Set a block's mode for its width.
      * @param id - The block to update.
      * @param mode - The width mode: absolute, percent or auto.
      */
-    setWidthMode(id: DesignElementId, mode: SizeMode): void;
+    setWidthMode(id: DesignBlockId, mode: SizeMode): void;
     /**
      * Update a block's height.
      * @param id - The block to update.
      * @param value - The new height of the block.
      */
-    setHeight(id: DesignElementId, value: number): void;
+    setHeight(id: DesignBlockId, value: number): void;
     /**
      * Set a block's mode for its height.
      * @param id - The block to update.
      * @param mode - The height mode: absolute, percent or auto.
      */
-    setHeightMode(id: DesignElementId, mode: SizeMode): void;
+    setHeightMode(id: DesignBlockId, mode: SizeMode): void;
+    /**
+     * Set a block's content fill mode.
+     * @param id - The block to update.
+     * @param mode - The content fill mode mode: crop, cover or contain.
+     */
+    setContentFillMode(id: DesignBlockId, mode: ContentFillMode): void;
     /**
      * Get a block's layouted width. The layouted width is only available after an
      * internal update loop, which may not happen immediately.
      * @param id - The block to query.
      * @returns The layouted width.
      */
-    getFrameWidth(id: DesignElementId): number;
+    getFrameWidth(id: DesignBlockId): number;
     /**
      * Get a block's layouted height. The layouted height is only available after an
      * internal update loop, which may not happen immediately.
      * @param id - The block to query.
      * @returns The layouted height.
      */
-    getFrameHeight(id: DesignElementId): number;
+    getFrameHeight(id: DesignBlockId): number;
     /**
      * Duplicates a block including its children.
      * @param id - The block to duplicate.
      * @returns The handle of the duplicate.
      */
-    duplicate(id: DesignElementId): DesignElementId;
+    duplicate(id: DesignBlockId): DesignBlockId;
     /**
      * Destroys a block.
      * @param id - The block to destroy.
      */
-    destroy(id: DesignElementId): void;
+    destroy(id: DesignBlockId): void;
     /**
      * Check if a block is valid. A block becomes invalid once it has been destroyed.
      * @param id - The block to query.
      * @returns True, if the block is valid.
      */
-    isValid(id: DesignElementId): boolean;
+    isValid(id: DesignBlockId): boolean;
     /**
      * Query a block's parent.
      * @param id - The block to query.
      * @returns The parent's handle.
      */
-    getParent(id: DesignElementId): DesignElementId;
+    getParent(id: DesignBlockId): DesignBlockId;
     /**
      * Get all children of the given block. Children
      * are sorted in their rendering order: Last child is rendered
@@ -475,60 +477,75 @@ export declare class BlockAPI {
      * @param id - The block to query.
      * @returns A list of block ids.
      */
-    getChildren(id: DesignElementId): DesignElementId[];
+    getChildren(id: DesignBlockId): DesignBlockId[];
     /**
      * Insert a new or existing child at a certain position in the parent's children.
      * @param parent - The block whose children should be updated.
      * @param child - The child to insert. Can be an existing child of `parent`.
      * @param index - The index to insert or move to.
      */
-    insertChild(parent: DesignElementId, child: DesignElementId, index: number): void;
+    insertChild(parent: DesignBlockId, child: DesignBlockId, index: number): void;
     /**
      * Appends a new or existing child to a block's children.
      * @param parent - The block whose children should be updated.
      * @param child - The child to insert. Can be an existing child of `parent`.
      */
-    appendChild(parent: DesignElementId, child: DesignElementId): void;
+    appendChild(parent: DesignBlockId, child: DesignBlockId): void;
     /** Checks whether the given block references any variables. Doesn't check the block's children.
      *
      * @param id - The block to inspect.
      * @returns true if the block references variables and false otherwise.
      */
-    referencesAnyVariables(id: DesignElementId): boolean;
+    referencesAnyVariables(id: DesignBlockId): boolean;
     /**
      * Get the x position of the block's axis-aligned bounding box in the scene's global coordinate space.
      * The scene's global coordinate space has its origin at the top left.
      * @param id - The block whose bounding box should be calculated.
      * @returns float The x coordinate of the position of the axis-aligned bounding box.
      */
-    getGlobalBoundingBoxX(id: DesignElementId): number;
+    getGlobalBoundingBoxX(id: DesignBlockId): number;
     /**
      * Get the y position of the block's axis-aligned bounding box in the scene's global coordinate space.
      * The scene's global coordinate space has its origin at the top left.
      * @param id - The block whose bounding box should be calculated.
      * @returns float The y coordinate of the position of the axis-aligned bounding box.
      */
-    getGlobalBoundingBoxY(id: DesignElementId): number;
+    getGlobalBoundingBoxY(id: DesignBlockId): number;
     /**
      * Get the width of the block's axis-aligned bounding box in the scene's global coordinate space.
      * The scene's global coordinate space has its origin at the top left.
      * @param id - The block whose bounding box should be calculated.
      * @returns float The width of the axis-aligned bounding box.
      */
-    getGlobalBoundingBoxWidth(id: DesignElementId): number;
+    getGlobalBoundingBoxWidth(id: DesignBlockId): number;
     /**
      * Get the height of the block's axis-aligned bounding box in the scene's global coordinate space.
      * The scene's global coordinate space has its origin at the top left.
      * @param id - The block whose bounding box should be calculated.
      * @returns float The height of the axis-aligned bounding box.
      */
-    getGlobalBoundingBoxHeight(id: DesignElementId): number;
+    getGlobalBoundingBoxHeight(id: DesignBlockId): number;
+    /**
+     * Scales the block and all of its children proportionally around the specified
+     * relative anchor point.
+     *
+     * This updates the position, size and style properties (e.g. stroke width) of
+     * the block and its children.
+     *
+     * @param id - The block that should be scaled.
+     * @param scale - The scale factor to be applied to the current properties of the block.
+     * @param anchorX - The relative position along the width of the block around which the
+     * scaling should occur. (0 = left edge, 0.5 = center, 1 = right edge)
+     * @param anchorY - The relative position along the height of the block around which the
+     * scaling should occur. (0 = top edge, 0.5 = center, 1 = bottom edge)
+     */
+    scale(id: DesignBlockId, scale: number, anchorX?: number, anchorY?: number): void;
     /**
      * Get all available properties of a block.
      * @param id - The block whose properties should be queried.
      * @returns A list of the property names.
      */
-    findAllProperties(id: DesignElementId): string[];
+    findAllProperties(id: DesignBlockId): string[];
     /**
      * Get the type of a property given its name.
      * @param property - The name of the property whose type should be queried.
@@ -547,56 +564,56 @@ export declare class BlockAPI {
      * @param property - The name of the property to set.
      * @param value - The value to set.
      */
-    setBool(id: DesignElementId, property: string, value: boolean): void;
+    setBool(id: DesignBlockId, property: string, value: boolean): void;
     /**
      * Get the value of a bool property of the given design block.
      * @param id - The block whose property should be queried.
      * @param property - The name of the property to query.
      * @returns The value of the property.
      */
-    getBool(id: DesignElementId, property: string): boolean;
+    getBool(id: DesignBlockId, property: string): boolean;
     /**
      * Set an int property of the given design block to the given value.
      * @param id - The block whose property should be set.
      * @param property - The name of the property to set.
      * @param value - The value to set.
      */
-    setInt(id: DesignElementId, property: string, value: number): void;
+    setInt(id: DesignBlockId, property: string, value: number): void;
     /**
      * Get the value of an int property of the given design block.
      * @param id - The block whose property should be queried.
      * @param property - The name of the property to query.
      * @returns The value of the property.
      */
-    getInt(id: DesignElementId, property: string): number;
+    getInt(id: DesignBlockId, property: string): number;
     /**
      * Set a float property of the given design block to the given value.
      * @param id - The block whose property should be set.
      * @param property - The name of the property to set.
      * @param value - The value to set.
      */
-    setFloat(id: DesignElementId, property: string, value: number): void;
+    setFloat(id: DesignBlockId, property: string, value: number): void;
     /**
      * Get the value of a float property of the given design block.
      * @param id - The block whose property should be queried.
      * @param property - The name of the property to query.
      * @returns The value of the property.
      */
-    getFloat(id: DesignElementId, property: string): number;
+    getFloat(id: DesignBlockId, property: string): number;
     /**
      * Set a string property of the given design block to the given value.
      * @param id - The block whose property should be set.
      * @param property - The name of the property to set.
      * @param value - The value to set.
      */
-    setString(id: DesignElementId, property: string, value: string): void;
+    setString(id: DesignBlockId, property: string, value: string): void;
     /**
      * Get the value of a string property of the given design block.
      * @param id - The block whose property should be queried.
      * @param property - The name of the property to query.
      * @returns The value of the property.
      */
-    getString(id: DesignElementId, property: string): string;
+    getString(id: DesignBlockId, property: string): string;
     /**
      * Set a color property of the given design block to the given value.
      * @param id - The block whose property should be set.
@@ -606,124 +623,137 @@ export declare class BlockAPI {
      * @param b - The blue color component in the range of 0 to 1.
      * @param a - The alpha color component in the range of 0 to 1.
      */
-    setColorRGBA(id: DesignElementId, property: string, r: number, g: number, b: number, a: number): void;
+    setColorRGBA(id: DesignBlockId, property: string, r: number, g: number, b: number, a: number): void;
     /**
      * Get the value of a string property of the given design block.
      * @param id - The block whose property should be queried.
      * @param property - The name of the property to query.
      * @returns A tuple of channels red, green, blue and alpha in the range of 0 to 1.
      */
-    getColorRGBA(id: DesignElementId, property: string): RGBA;
+    getColorRGBA(id: DesignBlockId, property: string): RGBA;
     /**
      * Set an enum property of the given design block to the given value.
-     * @param block - The block whose property should be set.
+     * @param id - The block whose property should be set.
      * @param property - The name of the property to set.
      * @param value - The enum value as string.
      */
-    setEnum(id: DesignElementId, property: string, value: string): void;
+    setEnum(id: DesignBlockId, property: string, value: string): void;
     /**
      * Get the value of an enum property of the given design block.
-     * @param block - The block whose property should be queried.
+     * @param id - The block whose property should be queried.
      * @param property - The name of the property to query.
      * @returns The value as string.
      */
-    getEnum(id: DesignElementId, property: string): string;
+    getEnum(id: DesignBlockId, property: string): string;
     /**
      * Query if the given block has crop properties.
      * @param id - The block to query.
      * @returns true, if the block has crop properties.
      */
-    hasCrop(id: DesignElementId): boolean;
+    hasCrop(id: DesignBlockId): boolean;
     /**
      * Set the crop scale in x direction of the given design block.
      * @param id - The block whose crop should be set.
      * @param scaleX - The scale in x direction.
      */
-    setCropScaleX(id: DesignElementId, scaleX: number): void;
+    setCropScaleX(id: DesignBlockId, scaleX: number): void;
     /**
      * Set the crop scale in y direction of the given design block.
      * @param id - The block whose crop should be set.
      * @param scaleY - The scale in y direction.
      */
-    setCropScaleY(id: DesignElementId, scaleY: number): void;
+    setCropScaleY(id: DesignBlockId, scaleY: number): void;
     /**
      * Set the crop rotation of the given design block.
      * @param id - The block whose crop should be set.
      * @param rotation - The rotation in radians.
      */
-    setCropRotation(id: DesignElementId, rotation: number): void;
+    setCropRotation(id: DesignBlockId, rotation: number): void;
     /**
      * Set the crop translation in x direction of the given design block.
      * @param id - The block whose crop should be set.
-     * @param translationY - The translation in x direction.
+     * @param translationY - The translation in y direction.
      */
-    setCropTranslationX(id: DesignElementId, translationX: number): void;
+    setCropTranslationX(id: DesignBlockId, translationX: number): void;
     /**
      * Set the crop translation in y direction of the given design block.
      * @param id - The block whose crop should be set.
      * @param translationY - The translation in y direction.
      */
-    setCropTranslationY(id: DesignElementId, translationY: number): void;
+    setCropTranslationY(id: DesignBlockId, translationY: number): void;
     /**
      * Resets the manually set crop of the given design block.
      * The block's content fill mode is set to 'cover'.
      * @param id - The block whose crop should be reset.
      */
-    resetCrop(id: DesignElementId): void;
+    resetCrop(id: DesignBlockId): void;
     /**
      * Get the crop scale on the x axis of the given design block.
      * @param id - The block whose scale should be queried.
      * @returns The scale on the x axis.
      */
-    getCropScaleX(id: DesignElementId): number;
+    getCropScaleX(id: DesignBlockId): number;
     /**
      * Get the crop scale on the y axis of the given design block.
      * @param id - The block whose scale should be queried.
      * @returns The scale on the y axis.
      */
-    getCropScaleY(id: DesignElementId): number;
+    getCropScaleY(id: DesignBlockId): number;
     /**
      * Get the crop rotation of the given design block.
      * @param id - The block whose crop rotation should be queried.
      * @returns The crop rotation.
      */
-    getCropRotation(id: DesignElementId): number;
+    getCropRotation(id: DesignBlockId): number;
     /**
      * Get the crop translation on the x axis of the given design block.
      * @param id - The block whose translation should be queried.
      * @returns The translation on the x axis.
      */
-    getCropTranslationX(id: DesignElementId): number;
+    getCropTranslationX(id: DesignBlockId): number;
     /**
      * Get the crop translation on the y axis of the given design block.
      * @param id - The block whose translation should be queried.
      * @returns The translation on the y axis.
      */
-    getCropTranslationY(id: DesignElementId): number;
+    getCropTranslationY(id: DesignBlockId): number;
     /**
      * Query if the given block has an opacity.
      * @param id - The block to query.
-     * @returns true, if the block has an opcity.
+     * @returns true, if the block has an opacity.
      */
-    hasOpacity(id: DesignElementId): boolean;
+    hasOpacity(id: DesignBlockId): boolean;
     /**
      * Set the opacity of the given design block.
      * @param id - The block whose opacity should be set.
      * @param opacity - The opacity to be set. The valid range is 0 to 1.
      */
-    setOpacity(id: DesignElementId, opacity: number): void;
+    setOpacity(id: DesignBlockId, opacity: number): void;
     /**
      * Get the opacity of the given design block.
      * @param id - The block whose opacity should be queried.
      * @returns The opacity.
      */
-    getOpacity(id: DesignElementId): number;
+    getOpacity(id: DesignBlockId): number;
+    /**
+     * Set the blend mode of the given design block.
+     * @param id - The block whose blend mode should be set.
+     * @param blendMode - The blend mode to be set.
+     * @returns
+     */
+    setBlendMode(id: DesignBlockId, blendMode: BlendMode): void;
+    /**
+     * Get the blend mode of the given design block.
+     * @param id - The block whose blend mode should be queried.
+     * @returns The blend mode.
+     */
+    getBlendMode(id: DesignBlockId): BlendMode;
     /**
      * Query if the given block has fill color properties.
      * @param id - The block to query.
      * @returns true, if the block has fill color properties.
      */
-    hasFillColor(id: DesignElementId): boolean;
+    hasFillColor(id: DesignBlockId): boolean;
     /**
      * Set the fill color of the given design block.
      * @param id - The block whose fill color should be set.
@@ -733,31 +763,31 @@ export declare class BlockAPI {
      * @param b - The blue color component in the range of 0 to 1.
      * @param a - The alpha color component in the range of 0 to 1.
      */
-    setFillColorRGBA(id: DesignElementId, r: number, g: number, b: number, a: number): void;
+    setFillColorRGBA(id: DesignBlockId, r: number, g: number, b: number, a: number): void;
     /**
      * Get the fill color of the given design block.
      * @param id - The block whose fill color should be queried.
      * @returns The fill color.
      */
-    getFillColorRGBA(id: DesignElementId): RGBA;
+    getFillColorRGBA(id: DesignBlockId): RGBA;
     /**
      * Enable or disable the fill of the given design block.
      * @param id - The block whose fill should be enabled or disabled.
      * @param enabled - If true, the fill will be enabled.
      */
-    setFillColorEnabled(id: DesignElementId, enabled: boolean): void;
+    setFillColorEnabled(id: DesignBlockId, enabled: boolean): void;
     /**
      * Query if the fill of the given design block is enabled.
      * @param id - The block whose fill state should be queried.
      * @returns True, if fill is enabled.
      */
-    isFillColorEnabled(id: DesignElementId): boolean;
+    isFillColorEnabled(id: DesignBlockId): boolean;
     /**
      * Query if the given block has background color properties.
      * @param id - The block to query.
      * @returns true, if the block has background color properties.
      */
-    hasBackgroundColor(id: DesignElementId): boolean;
+    hasBackgroundColor(id: DesignBlockId): boolean;
     /**
      * Set the background color of the given design block.
      * @param id - The block whose background color should be set.
@@ -767,43 +797,43 @@ export declare class BlockAPI {
      * @param b - The blue color component in the range of 0 to 1.
      * @param a - The alpha color component in the range of 0 to 1.
      */
-    setBackgroundColorRGBA(id: DesignElementId, r: number, g: number, b: number, a: number): void;
+    setBackgroundColorRGBA(id: DesignBlockId, r: number, g: number, b: number, a: number): void;
     /**
      * Get the background color of the given design block.
      * @param id - The block whose background color should be queried.
      * @returns The background color.
      */
-    getBackgroundColorRGBA(id: DesignElementId): RGBA;
+    getBackgroundColorRGBA(id: DesignBlockId): RGBA;
     /**
      * Enable or disable the background of the given design block.
      * @param id - The block whose background should be enabled or disabled.
      * @param enabled - If true, the background will be enabled.
      */
-    setBackgroundColorEnabled(id: DesignElementId, enabled: boolean): void;
+    setBackgroundColorEnabled(id: DesignBlockId, enabled: boolean): void;
     /**
      * Query if the background of the given design block is enabled.
      * @param id - The block whose background state should be queried.
      * @returns True, if background is enabled.
      */
-    isBackgroundColorEnabled(id: DesignElementId): boolean;
+    isBackgroundColorEnabled(id: DesignBlockId): boolean;
     /**
      * Query if the given block has a stroke property.
      * @param id - The block to query.
      * @returns True if the block has a stroke property.
      */
-    hasStroke(id: DesignElementId): boolean;
+    hasStroke(id: DesignBlockId): boolean;
     /**
      * Enable or disable the stroke of the given design block.
      * @param id - The block whose stroke should be enabled or disabled.
      * @param enabled - If true, the stroke will be enabled.
      */
-    setStrokeEnabled(id: DesignElementId, enabled: boolean): void;
+    setStrokeEnabled(id: DesignBlockId, enabled: boolean): void;
     /**
      * Query if the stroke of the given design block is enabled.
      * @param id - The block whose stroke state should be queried.
      * @returns True if the block's stroke is enabled.
      */
-    isStrokeEnabled(id: DesignElementId): boolean;
+    isStrokeEnabled(id: DesignBlockId): boolean;
     /**
      * Set the stroke color of the given design block.
      * @param id - The block whose stroke color should be set.
@@ -812,68 +842,68 @@ export declare class BlockAPI {
      * @param b - The blue color component in the range of 0 to 1.
      * @param a - The alpha color component in the range of 0 to 1.
      */
-    setStrokeColorRGBA(id: DesignElementId, r: number, g: number, b: number, a: number): void;
+    setStrokeColorRGBA(id: DesignBlockId, r: number, g: number, b: number, a: number): void;
     /**
      * Get the stroke color of the given design block.
      * @param id - The block whose background color should be queried.
      * @returns The background color.
      */
-    getStrokeColorRGBA(id: DesignElementId): RGBA;
+    getStrokeColorRGBA(id: DesignBlockId): RGBA;
     /**
      * Set the stroke width of the given design block.
      * @param id - The block whose stroke width should be set.
      * @param width - The stroke width to be set.
      */
-    setStrokeWidth(id: DesignElementId, width: number): void;
+    setStrokeWidth(id: DesignBlockId, width: number): void;
     /**
      * Get the stroke width of the given design block.
      * @param id - The block whose stroke width should be queried.
      * @returns The stroke's width.
      */
-    getStrokeWidth(id: DesignElementId): number;
+    getStrokeWidth(id: DesignBlockId): number;
     /**
      * Set the stroke style of the given design block.
      * @param id - The block whose stroke style should be set.
      * @param style - The stroke style to be set.
      */
-    setStrokeStyle(id: DesignElementId, style: StrokeStyle): void;
+    setStrokeStyle(id: DesignBlockId, style: StrokeStyle): void;
     /**
      * Get the stroke style of the given design block.
      * @param id - The block whose stroke style should be queried.
      * @returns The stroke's style.
      */
-    getStrokeStyle(id: DesignElementId): StrokeStyle;
+    getStrokeStyle(id: DesignBlockId): StrokeStyle;
     /**
      * Set the stroke position of the given design block.
      * @param id - The block whose stroke position should be set.
      * @param position - The stroke position to be set.
      */
-    setStrokePosition(id: DesignElementId, position: StrokePosition): void;
+    setStrokePosition(id: DesignBlockId, position: StrokePosition): void;
     /**
      * Get the stroke position of the given design block.
      * @param id - The block whose stroke position should be queried.
      * @returns The stroke position.
      */
-    getStrokePosition(id: DesignElementId): StrokePosition;
+    getStrokePosition(id: DesignBlockId): StrokePosition;
     /**
      * Set the stroke corner geometry of the given design block.
      * @param id - The block whose stroke join geometry should be set.
      * @param cornerGeometry - The stroke join geometry to be set.
      */
-    setStrokeCornerGeometry(id: DesignElementId, cornerGeometry: StrokeCornerGeometry): void;
+    setStrokeCornerGeometry(id: DesignBlockId, cornerGeometry: StrokeCornerGeometry): void;
     /**
      * Get the stroke corner geometry of the given design block.
      * @param id - The block whose stroke join geometry should be queried.
      * @returns The stroke join geometry.
      */
-    getStrokeCornerGeometry(id: DesignElementId): StrokeCornerGeometry;
+    getStrokeCornerGeometry(id: DesignBlockId): StrokeCornerGeometry;
     /**
      * Query if the given block has outline properties.
      * @param id - The block to query.
      * @returns true, if the block has outline properties.
      * @deprecated Use `hasStroke`.
      */
-    hasOutline(id: DesignElementId): boolean;
+    hasOutline(id: DesignBlockId): boolean;
     /**
      * Set the outline color of the given design block.
      * @param id - The block whose outline color should be set.
@@ -884,35 +914,35 @@ export declare class BlockAPI {
      * @param a - The alpha color component in the range of 0 to 1.
      * @deprecated Use `setStrokeColorRGBA`.
      */
-    setOutlineColorRGBA(id: DesignElementId, r: number, g: number, b: number, a: number): void;
+    setOutlineColorRGBA(id: DesignBlockId, r: number, g: number, b: number, a: number): void;
     /**
      * Get the outline color of the given design block.
      * @param id - The block whose outline color should be queried.
      * @returns The outline color.
      * @deprecated Use `getStrokeColorRGBA`.
      */
-    getOutlineColorRGBA(id: DesignElementId): RGBA;
+    getOutlineColorRGBA(id: DesignBlockId): RGBA;
     /**
      * Enable or disable the outline of the given design block.
      * @param id - The block whose outline should be enabled or disabled.
      * @param enabled - If true, the outline will be enabled.
      * @deprecated Use `setStrokeEnabled`.
      */
-    setOutlineEnabled(id: DesignElementId, enabled: boolean): void;
+    setOutlineEnabled(id: DesignBlockId, enabled: boolean): void;
     /**
      * Query if the outline of the given design block is enabled.
      * @param id - The block whose outline state should be queried.
      * @returns True, if outline is enabled.
      * @deprecated Use `isStrokeEnabled`.
      */
-    isOutlineEnabled(id: DesignElementId): boolean;
+    isOutlineEnabled(id: DesignBlockId): boolean;
     /**
      * Set the outline width of the given design block.
      * @param id - The block whose outline width should be set.
      * @param width - The outline width to be set.
      * @deprecated Use `setStrokeWidth`.
      */
-    setOutlineWidth(id: DesignElementId, width: number): void;
+    setOutlineWidth(id: DesignBlockId, width: number): void;
     /**
      * Get the outline width of the given design block.
      * @param id - The block whose outline width should be queried.
@@ -920,68 +950,222 @@ export declare class BlockAPI {
      * @deprecated Use the Stroke function
      * @deprecated Use `getStrokeWidth`.
      */
-    getOutlineWidth(id: DesignElementId): number;
-}
-
-declare interface BlockEvent {
-    block: Block;
-    type: 'Created' | 'Updated' | 'Destroyed';
+    getOutlineWidth(id: DesignBlockId): number;
+    /**
+     * Query if the given block has fill color properties.
+     * @param id - The block to query.
+     * @returns true, if the block has fill color properties, an error otherwise.
+     */
+    hasFill(id: DesignBlockId): boolean;
+    /**
+     * Query if the fill of the given design block is enabled.
+     * @param id - The block whose fill state should be queried.
+     * @returns A result holding the fill state or an error.
+     */
+    isFillEnabled(id: DesignBlockId): boolean;
+    /**
+     * Enable or disable the fill of the given design block.
+     * @param id - The block whose fill should be enabled or disabled.
+     * @param enabled - If true, the fill will be enabled.
+     * @returns An empty result on success, an error otherwise.
+     */
+    setFillEnabled(id: DesignBlockId, enabled: boolean): void;
+    /**
+     * Set the fill type of the given design block.
+     * @param id - The block whose fill type should be set.
+     * @param type - The fill type to set.
+     * @returns An empty result on success, an error otherwise.
+     */
+    setFillType(id: DesignBlockId, fillType: FillType): void;
+    /**
+     * Get the fill type of the given design block.
+     * @param id - The block whose fill type should be queried.
+     * @returns The block's fill type or an error.
+     */
+    getFillType(id: DesignBlockId): FillType;
+    /**
+     * Set the fill color of the given design block.
+     * @param id - The block whose fill color should be set.
+     * @param r - The red color component in the range of 0 to 1.
+     * @param g - The green color component in the range of 0 to 1.
+     * @param b - The blue color component in the range of 0 to 1.
+     * @param a - The alpha color component in the range of 0 to 1.
+     * @returns An empty result on success, an error otherwise.
+     */
+    setFillSolidColor(id: DesignBlockId, r: number, b: number, g: number, a: number): void;
+    /**
+     * Get the fill color of the given design block.
+     * @param id - The block whose fill color should be queried.
+     * @returns A result holding the fill color or an error.
+     */
+    getFillSolidColor(id: DesignBlockId): RGBA;
+    /**
+     * Set the gradient type of the given design block.
+     * @param id - The block whose gradient type should be set.
+     * @param type - The gradient type.
+     * @returns An empty result on success, an error otherwise.
+     */
+    setFillGradientType(id: DesignBlockId, gradientType: GradientType): void;
+    /**
+     * Get the gradient type of the given design block.
+     * @param id - The block whose gradient type should be queried.
+     * @returns The gradient type.
+     */
+    getFillGradientType(id: DesignBlockId): GradientType;
+    /**
+     * Add a gradient color stop on a design block.
+     * @param id - The block on which a gradient color stop should be added.
+     * @param stop - Where to add a color stop in the range 0 to 1.
+     * @param r - The red color component in the range of 0 to 1.
+     * @param g - The green color component in the range of 0 to 1.
+     * @param b - The blue color component in the range of 0 to 1.
+     * @param a - The alpha color component in the range of 0 to 1.
+     * @returns An empty result on success, an error otherwise.
+     */
+    addFillGradientColorStop(id: DesignBlockId, stop: number, r: number, g: number, b: number, a: number): void;
+    /**
+     * Remove a previously gradient color stop on a design block.
+     * @param id - The block from which to remvove the gradient color stop.
+     * @param stop - The stop's position.
+     * @returns An empty result on success, an error otherwise.
+     */
+    removeFillGradientColorStop(id: DesignBlockId, stop: number): void;
+    /**
+     * Get the gradient fill color stops of the given design block.
+     * @param id - The block whose gradient color stop should be queried.
+     * @returns All of the design block's gradient color stops.
+     */
+    getFillGradientColorStops(id: DesignBlockId): GradientstopRGBA[];
+    /**
+     * Set the gradient fill color stops of the given design block, overwriting previously set color stops.
+     * @param id - The block whose gradient color stop should be set.
+     * @param stops - The gradient color stops to set.
+     * @returns An empty result on success, an error otherwise.
+     */
+    setFillGradientColorStops(id: DesignBlockId, stops: GradientstopRGBA[]): void;
+    /**
+     * Set the position of a gradient's control point.
+     * Note that Different gradient types of different control points.
+     * @param id - The block whose gradient control point should be set.
+     * @param gradientControlPointType - The type of control point.
+     * @param x - The horizontal component of the control point.
+     * @param y - The vertical component of the control point.
+     * @returns true if the control point was set, an error otherwise.
+     */
+    setFillGradientControlPoint(id: DesignBlockId, gradientControlPointType: GradientControlPointType, x: number, y: number): boolean;
+    /**
+     * Get the horizontal component of a gradient's control point.
+     * @param id - The block whose gradient control point should be queried.
+     * @param gradientControlPointType - The type of control point.
+     * @returns The horizontal component of the control point, an error otherwise.
+     */
+    getFillGradientControlPointX(id: DesignBlockId, gradientControlPointType: GradientControlPointType): number;
+    /**
+     * Get the vertical component of a gradient's control point.
+     * @param id - The block whose gradient control point should be queried.
+     * @param gradientControlPointType - The type of control point.
+     * @returns The vertical component of the control point, an error otherwise.
+     */
+    getFillGradientControlPointY(id: DesignBlockId, gradientControlPointType: GradientControlPointType): number;
+    /**
+     * Set a gradient's radius.
+     * Note that Not all gradients have a radius.
+     * @param id - The block whose gradient radius should be set.
+     * @param radius - The gradient's radius.
+     * @returns true if the control point was set, an error otherwise.
+     */
+    setFillGradientRadius(id: DesignBlockId, radius: number): boolean;
+    /**
+     * Get a gradient's radius.
+     * Note that Not all gradients have a radius.
+     * @param id - The block whose gradient radius should be queried.
+     * @returns the gradient's radius, an error otherwise.
+     */
+    getFillGradientRadius(id: DesignBlockId): number;
 }
 
 /**
  * @public
  */
-declare type BlockEvent_2 = {
-    block: DesignElementId;
+export declare type BlockEvent = {
+    block: DesignBlockId;
     type: 'Created' | 'Updated' | 'Destroyed';
 };
 
+/** @public */
+declare interface BlockEvent_2 {
+    block: Block;
+    type: 'Created' | 'Updated' | 'Destroyed';
+}
+
+/** @public */
 declare type Callbacks = {
     log?: Logger;
 };
 
-declare type Callbacks_2 = Callbacks & {
+/** @public */
+declare type Callbacks_2 = _EngineConfigTypes.Callbacks & {
     onBack?: () => void;
     onClose?: () => void;
     onShare?: (s: string) => void | Promise<void>;
     onSave?: (s: string) => void | Promise<void>;
     onLoad?: (() => Promise<string>) | 'upload';
     onDownload?: ((s: string) => void | Promise<void>) | 'download';
-    onExport?: ((blobs: Blob[], options: ExportOptions_2) => void | Promise<void>) | 'download';
+    onExport?: ((blobs: Blob[], options: ExportOptions) => void | Promise<void>) | 'download';
     onUpload?: OnUploadCallback | 'local' | (Partial<OnUploadOptions> & {
         callback: OnUploadCallback;
     });
     onUnsupportedBrowser?: () => void;
 };
 
-/** All components between 0 and 1 */
-declare interface CMYKColor {
+/**
+ * All components between 0 and 1
+ * @public
+ */
+export declare interface CMYKColor {
     c: number;
     m: number;
     y: number;
     k: number;
 }
 
-declare type ColorDefinition = Preset & {
-    value: ColorPaletteColor;
-};
-
 /**
  * A color definition for the custom color palette.
  * The RGB and CMYK components must all be specified in the range [0-1].
+ * @public
  */
-declare type ColorPaletteColor = HexColorString | RGBColor | RGBAColor | SpotColor;
+declare type Color = HexColorString | RGBColor | RGBAColor | SpotColor;
 
-declare type ColorPaletteDefinition = Preset & {
-    entries: ColorPaletteColor[];
+/** @public */
+declare type ColorDefinition = Preset & {
+    value: Color;
 };
 
-declare type Command = {
-    identifier: string;
-    argumentTypes: string[];
-    returnType: string;
+/** @public */
+declare type ColorPaletteDefinition = Preset & {
+    entries: Color[];
 };
 
+declare namespace ConfigTypes {
+    export {
+        _RequiredConfiguration as Configuration,
+        Theme,
+        Scale,
+        PartialImageElement,
+        I18n,
+        A11y,
+        OnUploadCallback,
+        OnUploadOptions,
+        Callbacks_2 as Callbacks,
+        BleedMarginOptions,
+        FontSizeOptions,
+        UIOptionsForSingleDesignUnit,
+        UIOptionsPerDesignUnit,
+        ViewStyle
+    }
+}
+export { ConfigTypes }
+
 /**
  * @public
  *
@@ -990,70 +1174,27 @@ declare type Command = {
  * optional and what mandatory. This is Configuration, but `ui` is recursively
  * optional, and all other props are non-recursively optional
  */
-export declare type Configuration = Partial<DeepOptional<Configuration_2, 'ui'>>;
-
-declare interface Configuration_2 extends Configuration_3 {
-    initialSceneString?: string;
-    initialSceneURL?: string;
-    initialImageURL?: string;
-    locale: string;
-    theme: Theme;
-    devMode: boolean;
-    ui: UserInterface;
-    i18n: I18n;
-    a11y: A11y;
-    callbacks: Callbacks_2;
-}
+export declare type Configuration = Partial<_DeepOptional<_RequiredConfiguration, 'ui'>>;
 
 /**
+ * - Crop: Manual crop.
+ * - Cover: Automatically cover the entire frame.
+ * - Contain: Automatically contain content inside frame.
+ *
  * @public
  */
-declare interface Configuration_3 {
-    baseURL: string;
-    license?: string;
-    role: string;
-    featureFlags?: Record<string, string | boolean>;
-    extensions: Extensions;
-    core: Core;
-    scene: Scene;
-    page: Page;
-    assets: Assets;
-    assetSources: AssetSources;
-    presets: Presets;
-    variables: Variables;
-    callbacks: Callbacks;
-    /**
-     * The default font used by a text added to the scene. Needs to be the id of
-     * the font from a extension pack including namespace, e.g.
-     *
-     * '//ly.img.cesdk.fonts/roboto_regular'
-     *
-     * If not configured the fallback font is used.
-     */
-    defaultFont?: string;
-}
+export declare type ContentFillMode = 'Crop' | 'Cover' | 'Contain';
 
+/** @public */
 declare type Core = {
     baseURL: string;
 };
 
-declare interface CreateSceneOptions {
-    layout: SceneLayout;
-}
-
 /**
  * @public
  */
 declare class CreativeEditorSDK {
     #private;
-    static PositionMode: typeof PositionMode;
-    static SizeMode: typeof SizeMode;
-    static PropertyType: typeof PropertyType;
-    static DesignBlockType: typeof DesignBlockType;
-    static MimeType: typeof MimeType_2;
-    static StrokePosition: typeof StrokePosition;
-    static StrokeCornerGeometry: typeof StrokeCornerGeometry;
-    static StrokeStyle: typeof StrokeStyle;
     engine: API;
     /**
      * Exports one or multiple page(s) as an file in the given mimeType
@@ -1065,9 +1206,9 @@ declare class CreativeEditorSDK {
      *
      * @returns a promise with an object holding `blobs` of the export pages and the provided `options`.
      */
-    export(options: ExportOptions_2): Promise<{
+    export(options: ExportOptions): Promise<{
         blobs: Blob[];
-        options: ExportOptions_2;
+        options: ExportOptions;
     }>;
     /**
      *  Load an encoded scene from the provided string.
@@ -1104,7 +1245,7 @@ declare class CreativeEditorSDK {
      * @returns a resolved promise if all variables were set successfully.
      */
     setVariableDefinitions(definitions: {
-        [id: string]: VariableDefinition;
+        [id: string]: _EngineConfigTypes.VariableDefinition;
     }): Promise<void>;
     /**
      * Adds an image definition which can be used in the image library.
@@ -1114,7 +1255,7 @@ declare class CreativeEditorSDK {
      * @returns a resolved promise if all images were add successfully
      */
     setImageDefinitions(definitions: {
-        [id: string]: ImageDefinition;
+        [id: string]: _EngineConfigTypes.ImageDefinition;
     }): Promise<void[]>;
     /**
      * Adds translations to be used by the editor.
@@ -1155,18 +1296,29 @@ declare class CreativeEditorSDK {
 }
 export default CreativeEditorSDK;
 
-declare type DeepOptional<T, K extends keyof T> = Pick<DeepPartial<T>, K> & Omit<T, K>;
+/** @public */
+export declare type _DeepOptional<T, K extends keyof T> = Pick<_DeepPartial<T>, K> & Omit<T, K>;
 
-/** Recursively makes all properties of an object Partial */
-declare type DeepPartial<T> = {
-    [P in keyof T]?: DeepPartial<T[P]>;
+/**
+ * Recursively makes all properties of an object Partial
+ * @public
+ */
+export declare type _DeepPartial<T> = {
+    [P in keyof T]?: _DeepPartial<T[P]>;
 };
 
+/**
+ * A numerical identifier for a design block
+ * @public
+ */
+export declare type DesignBlockId = number;
+
 /**
  * @public
  */
 export declare enum DesignBlockType {
     Scene = "//ly.img.ubq/scene",
+    Stack = "//ly.img.ubq/stack",
     Camera = "//ly.img.ubq/camera",
     Page = "//ly.img.ubq/page",
     Image = "//ly.img.ubq/image",
@@ -1182,16 +1334,220 @@ export declare enum DesignBlockType {
     Group = "//ly.img.ubq/group"
 }
 
+/** @public */
+export declare type DesignUnit = 'mm' | 'px' | 'in';
+
 /**
- * A numerical identifier for a design block
  * @public
  */
-declare type DesignElementId = number;
+export declare class EditorAPI {
+    #private;
 
-declare enum DesignUnit {
-    Pixel = "px",
-    Millimeter = "mm",
-    Inch = "in"
+    /**
+     * Subscribe to changes to the editor state.
+     * @param callback - This function is called at the end of the engine update, if the editor state has changed.
+     * @returns A method to unsubscribe.
+     */
+    onStateChanged(callback: () => void): () => void;
+    /**
+     * Set the edit mode of the editor.
+     * An edit mode defines what type of content can currently be edited by the user.
+     * Hint: the initial edit mode is "Transform".
+     * @param mode - "Transform", "Crop", "Text", or a custom value.
+     */
+    setEditMode(mode: 'Transform' | 'Crop' | 'Text' | string): void;
+    /**
+     * Get the current edit mode of the editor.
+     * An edit mode defines what type of content can currently be edited by the user.
+     * @returns "Transform", "Crop", "Text", or a custom value.
+     */
+    getEditMode(): 'Transform' | 'Crop' | 'Text' | string;
+    /**
+     * Get the type of cursor that should be displayed by the application.
+     * @returns The cursor type.
+     */
+    getCursorType(): 'Arrow' | 'Move' | 'MoveNotPermitted' | 'Resize' | 'Rotate' | 'Text';
+    /**
+     * Get the rotation with which to render the mouse cursor.
+     * @returns The angle in radians.
+     */
+    getCursorRotation(): number;
+    /**
+     * Get the current text cursor's x position in screen space.
+     * @returns The text cursor's x position in screen space.
+     */
+    getTextCursorPositionInScreenSpaceX(): number;
+    /**
+     * Get the current text cursor's y position in screen space.
+     * @returns The text cursor's y position in screen space.
+     */
+    getTextCursorPositionInScreenSpaceY(): number;
+    /**
+     * Sets the zoom level of the scene.
+     * @param zoomLevel - The new zoom level.
+     */
+    setZoomLevel(zoomLevel?: number): void;
+    /**
+     * Query a camera zoom level.
+     * @returns The zoom level of the block's (main) camera.
+     */
+    getZoomLevel(): number;
+    /**
+     * Adds a new history state to the stack, if undoable changes were made.
+     */
+    addUndoStep(): void;
+    /**
+     * Undo one step in the history if an undo step is available.
+     */
+    undo(): void;
+    /**
+     * Redo one step in the history if a redo step is available.
+     */
+    redo(): void;
+    /**
+     * If an undo step is available.
+     *
+     * @returns True if an undo step is available.
+     */
+    canUndo(): boolean;
+    /**
+     * If a redo step is available.
+     *
+     * @returns True if a redo step is available.
+     */
+    canRedo(): boolean;
+    /**
+     * Set a boolean setting.
+     * @param keypath - The settings keypath, e.g. `ubq://doubleClickToCropEnabled`
+     * @param value - The value to set.
+     * @throws An error, if the keypath is invalid.
+     */
+    setSettingBool(keypath: string, value: boolean): void;
+    /**
+     * Get a boolean setting.
+     * @param keypath - The settings keypath, e.g. `ubq://doubleClickToCropEnabled`
+     * @throws An error, if the keypath is invalid.
+     */
+    getSettingBool(keypath: string): boolean;
+    /**
+     * Set an integer setting.
+     * @param keypath - The settings keypath.
+     * @param value - The value to set.
+     * @throws An error, if the keypath is invalid.
+     */
+    setSettingInt(keypath: string, value: number): void;
+    /**
+     * Get an integer setting.
+     * @param keypath - The settings keypath.
+     * @throws An error, if the keypath is invalid.
+     */
+    getSettingInt(keypath: string): number;
+    /**
+     * Set a float setting.
+     * @param keypath - The settings keypath, e.g. `ubq://positionSnappingThreshold`
+     * @param value - The value to set.
+     * @throws An error, if the keypath is invalid.
+     */
+    setSettingFloat(keypath: string, value: number): void;
+    /**
+     * Get a float setting.
+     * @param keypath - The settings keypath, e.g. `ubq://positionSnappingThreshold`
+     * @throws An error, if the keypath is invalid.
+     */
+    getSettingFloat(keypath: string): number;
+    /**
+     * Set a string setting.
+     * @param keypath - The settings keypath, e.g. `ubq://license`
+     * @param value - The value to set.
+     * @throws An error, if the keypath is invalid.
+     */
+    setSettingString(keypath: string, value: string): void;
+    /**
+     * Get a string setting.
+     * @param keypath - The settings keypath, e.g. `ubq://license`
+     * @throws An error, if the keypath is invalid.
+     */
+    getSettingString(keypath: string): string;
+    /**
+     * Set a color setting.
+     * @param keypath - The settings keypath, e.g. `ubq://highlightColor`.
+     * @param r - The red color component in the range of 0 to 1.
+     * @param g - The green color component in the range of 0 to 1.
+     * @param b - The blue color component in the range of 0 to 1.
+     * @param a - The alpha color component in the range of 0 to 1.
+     */
+    setSettingColorRGBA(keypath: string, r: number, g: number, b: number, a: number): void;
+    /**
+     * Get a color setting.
+     * @param keypath - The settings keypath, e.g. `ubq://highlightColor`.
+     * @returns A tuple of channels red, green, blue and alpha in the range of 0 to 1.
+     */
+    getSettingColorRGBA(keypath: string): RGBA;
+    /**
+     * Set an enum setting.
+     * @param keypath - The settings keypath, e.g. `ubq://role`.
+     * @param value - The enum value as string.
+     */
+    setSettingEnum(keypath: string, value: string): void;
+    /**
+     * Get an enum setting.
+     * @param keypath - The settings keypath, e.g. `ubq://role`.
+     * @returns The value as string.
+     */
+    getSettingEnum(keypath: string): string;
+}
+
+declare namespace _EngineConfigTypes {
+    export {
+        HexColorString,
+        Color,
+        AssetSources,
+        AssetSource,
+        AssetResult,
+        AssetsQueryResult,
+        QueryData,
+        Preset,
+        VariableDefinition,
+        ColorDefinition,
+        ColorPaletteDefinition,
+        PageFormatDefinition,
+        TemplateDefinition,
+        TypefaceDefinition,
+        ImageDefinition,
+        Presets,
+        Variables,
+        Core,
+        Extensions,
+        Scene,
+        Page,
+        Callbacks
+    }
+}
+export { _EngineConfigTypes }
+
+/** @public */
+export declare interface _EngineConfiguration {
+    baseURL: string;
+    license?: string;
+    role: RoleString;
+    featureFlags?: Record<string, string | boolean>;
+    extensions: _EngineConfigTypes.Extensions;
+    core: _EngineConfigTypes.Core;
+    scene: _EngineConfigTypes.Scene;
+    page: _EngineConfigTypes.Page;
+    assetSources: _EngineConfigTypes.AssetSources;
+    presets: _EngineConfigTypes.Presets;
+    variables: _EngineConfigTypes.Variables;
+    callbacks: _EngineConfigTypes.Callbacks;
+    /**
+     * The default font used by a text added to the scene. Needs to be the id of
+     * the font from a extension pack including namespace, e.g.
+     *
+     * '//ly.img.cesdk.fonts/roboto_regular'
+     *
+     * If not configured the fallback font is used.
+     */
+    defaultFont?: string;
 }
 
 /**
@@ -1206,22 +1562,14 @@ export declare class EventAPI {
      * @param callback - The event callback. Events are bundled and sent at the end of each engine update.
      * @returns A method to unsubscribe.
      */
-    subscribe(blocks: DesignElementId[], callback: (events: BlockEvent_2[]) => void): () => void;
+    subscribe(blocks: DesignBlockId[], callback: (events: BlockEvent[]) => void): () => void;
 }
 
-declare type EventSubscription = number;
-
-declare type ExportFormat = 'image/png' | 'application/pdf';
-
-declare interface ExportOptions {
-    jpegQuality: number;
-    pngCompressionLevel: number;
-    useTargetSize: boolean;
-    targetWidth: number;
-    targetHeight: number;
-}
+/** @public */
+declare type ExportFormat = 'image/png' | 'video/mp4' | 'application/pdf';
 
-declare interface ExportOptions_2 {
+/** @public */
+export declare interface ExportOptions {
     /** The mime type of the exported blob */
     mimeType: MimeType_2;
     'image/png'?: {
@@ -1250,31 +1598,92 @@ declare interface ExportOptions_2 {
     pages?: number[];
 }
 
+/** @public */
+declare interface ExportOptions_2 {
+    jpegQuality: number;
+    pngCompressionLevel: number;
+    useTargetSize: boolean;
+    targetWidth: number;
+    targetHeight: number;
+}
+
+/** @public */
+declare interface ExportVideoOptions {
+    h264Profile: number;
+    h264Level: number;
+    framerate: number;
+    useTargetSize: boolean;
+    targetWidth: number;
+    targetHeight: number;
+}
+
+/** @public */
 declare type Extensions = {
     baseURL: string;
     entries: string[];
 };
 
+/**
+ * @public
+ */
+export declare type FillType = 'Solid' | 'Gradient';
+
+/** @public */
 declare interface Flip {
     horizontal: boolean;
     vertical: boolean;
 }
 
-declare type FontStyle = 'normal' | 'italic';
+declare interface FontSizeOptions {
+    /**
+     * The font size options that can be selected from a dropdown in the UI.
+     * Other font size values can be entered directly using the input field.
+     */
+    dropdownOptions: number[];
+}
 
-declare type FontWeight = 'thin' | 'extraLight' | 'Light' | 'normal' | 'medium' | 'semiBold' | 'bold' | 'extraBold' | 'heavy';
+/** @public */
+export declare type FontStyle = 'normal' | 'italic';
+
+/** @public */
+export declare type FontWeight = 'thin' | 'extraLight' | 'Light' | 'normal' | 'medium' | 'semiBold' | 'bold' | 'extraBold' | 'heavy';
+
+/**
+ * @public
+ */
+export declare type GradientControlPointType = 'Start' | 'End' | 'Center';
+
+/**
+ * @public
+ */
+export declare type GradientstopRGBA = [
+stop: number,
+r: number,
+g: number,
+b: number,
+a: number
+];
+
+/**
+ * @public
+ */
+export declare type GradientType = 'Linear' | 'Radial' | 'Conical';
 
 /**
  * A hexadecimal color value (RGB or RGBA) that starts with a '#'
  * @example #6686FF or #6686FFFF
+ * @public
  */
 declare type HexColorString = string;
 
-/** I18n Settings
+/**
+ * I18n Settings
  * Note: this will append keys and not override keys
+ * @public
  */
 declare type I18n = Record<string, Translations>;
 
+/** @public */
 declare type ImageDefinition = Preset & {
     imageURL: string;
     thumbnailURL?: string;
@@ -1285,7 +1694,8 @@ declare type ImageDefinition = Preset & {
     };
 };
 
-declare interface ImageElement extends AssetElement {
+/** @public */
+export declare interface _ImageElement extends _AssetElement {
     previewUri?: string;
     size: {
         width: number;
@@ -1293,9 +1703,11 @@ declare interface ImageElement extends AssetElement {
     };
 }
 
-declare type Logger = (message: string, level: LogLevel) => void;
+/** @public */
+export declare type Logger = (message: string, level: LogLevel) => void;
 
-declare enum LogLevel {
+/** @public */
+export declare enum LogLevel {
     Info = "Info",
     Warning = "Warning",
     Error = "Error"
@@ -1306,37 +1718,34 @@ declare enum MimeType_2 {
     Png = "image/png",
     Jpeg = "image/jpeg",
     Tga = "image/x-tga",
+    Mp4 = "video/mp4",
     Binary = "application/octet-stream",
     Pdf = "application/pdf",
     Zip = "application/zip"
 }
 export { MimeType_2 as MimeType }
 
+/** @public */
 declare enum NavigationPosition {
     Top = "top",
     Bottom = "bottom"
 }
 
-declare interface NotificationEvent {
-    type: NotificationType;
-    i18n: string;
-}
-
-declare enum NotificationType {
-    Information = 0,
-    Warning = 1,
-    Error = 2
-}
-
+/** @public */
 declare type OnUploadCallback = (file: File, onProgress: (progress: number) => void) => Promise<PartialImageElement>;
 
+/** @public */
 declare type OnUploadOptions = {
     supportedMimeTypes: string[];
 };
 
-/** Turn value at K of T into a Partial */
-declare type Optional<T, K extends keyof T> = Omit<T, K> & Partial<T>;
+/**
+ * Turn value at K of T into a Partial
+ * @public
+ */
+export declare type Optional<T, K extends keyof T> = Omit<T, K> & Partial<T>;
 
+/** @public */
 declare type Page = {
     title: {
         /**
@@ -1355,6 +1764,7 @@ declare type Page = {
     dimOutOfPageAreas?: boolean;
 };
 
+/** @public */
 declare type PageFormatDefinition = Preset & {
     width: number;
     height: number;
@@ -1363,25 +1773,25 @@ declare type PageFormatDefinition = Preset & {
     bleedMargin?: number;
 };
 
+/** @public */
 declare enum PanelPosition {
     Left = "left",
     Right = "right"
 }
 
-declare type PartialImageElement = Optional<ImageElement, 'size'>;
+/** @public */
+declare type PartialImageElement = Optional<_ImageElement, 'size'>;
 
 /**
+ * - Absolute: Position in absolute design units.
+ * - Percent: Position in relation to the block's parent's size in percent, where 1.0 means 100%.
+ * - Auto: Position is automatically determined
+ *
  * @public
  */
-export declare enum PositionMode {
-    /** Position in absolute design units. */
-    Absolute = "Absolute",
-    /** Position in relation to the block's parent's size in percent, where 1.0 means 100%. */
-    Percent = "Percent",
-    /** Position is automatically determined. */
-    Undefined = "Auto"
-}
+export declare type PositionMode = 'Absolute' | 'Percent' | 'Auto';
 
+/** @public */
 declare type Preset = {
     meta?: {
         default?: boolean;
@@ -1390,6 +1800,7 @@ declare type Preset = {
     };
 };
 
+/** @public */
 declare type Presets = {
     colors?: {
         [id: string]: ColorDefinition;
@@ -1411,38 +1822,12 @@ declare type Presets = {
     };
 };
 
-/**
- * @public
- */
-export declare enum PropertyType {
-    Bool = "Bool",
-    Int = "Int",
-    Float = "Float",
-    String = "String",
-    Color = "Color",
-    Enum = "Enum",
-    Struct = "Struct"
-}
+/** @public */
+export declare type PropertyType = 'Bool' | 'Int' | 'Float' | 'String' | 'Color' | 'Enum' | 'Struct';
 
-/**
- * Please read this before you change anything in this file.
- *
- * Types in here are a sub-set of the types in `api/asset.ts` and are meant to be
- * exposed publicly.
- *
- * We do not use the types from `asset.ts` directly to handle (copy&paste) the
- * syncing of the public type declarations and what we actually use in the config.
- * This makes it easier to ensure that the customer is using the correct types and
- * any missmatch between this and the `asset.ts` file will be shown by our
- * type-checker.
- *
- * PLEASE NOTE: If you change anything in here, make the according changes in
- * the `release/types.d.ts` file.
- */
+/** @public */
 declare interface QueryData {
-    /**
-     * A query string used for (fuzzy) searching of labels and tags
-     */
+    /** A query string used for (fuzzy) searching of labels and tags */
     query?: string;
     /**
      * The number of results queried. How many assets shall be returned regardless
@@ -1451,43 +1836,59 @@ declare interface QueryData {
      * Together with `page` this can be used for pagination.
      */
     perPage: number;
-    /**
-     * The current page queried for paginated views.
-     */
+    /** The current page queried for paginated views. */
     page: number;
 }
 
-declare type RGBA = [r: number, g: number, b: number, a: number];
+/** @public */
+export declare interface _RequiredConfiguration extends _EngineConfiguration {
+    initialSceneString?: string;
+    initialSceneURL?: string;
+    initialImageURL?: string;
+    locale: string;
+    theme: Theme;
+    devMode: boolean;
+    ui: UserInterface;
+    i18n: I18n;
+    a11y: A11y;
+    callbacks: Callbacks_2;
+}
+
+/**
+ * @public
+ */
+export declare type RGBA = [r: number, g: number, b: number, a: number];
 
-/** All components between 0 and 1 */
-declare interface RGBAColor {
+/**
+ * All components between 0 and 1
+ * @public
+ */
+export declare interface RGBAColor {
     r: number;
     g: number;
     b: number;
     a: number;
 }
 
-/** All components between 0 and 1 */
-declare interface RGBColor {
+/**
+ * All components between 0 and 1
+ * @public
+ */
+export declare interface RGBColor {
     r: number;
     g: number;
     b: number;
 }
 
-/**
- * Enum for the engine-internal numerical representations of the roles
- */
-declare const enum Role {
-    Creator = 0,
-    Adopter = 1,
-    Viewer = 2,
-    Presenter = 3
-}
+/** @public */
+export declare type RoleString = 'Creator' | 'Adopter' | 'Viewer' | 'Presenter';
 
+/** @public */
 declare type Scale = 'normal' | 'large';
 
-/** Export Settings
- *
+/**
+ * Export Settings
+ * @public
  */
 declare type Scene = {
     maskSpotColor?: SpotColor;
@@ -1519,7 +1920,7 @@ export declare class SceneAPI {
      * @param sceneContent - The scene file contents, a base64 string.
      * @returns A handle to the loaded scene.
      */
-    loadFromString(sceneContent: string): Promise<DesignElementId>;
+    loadFromString(sceneContent: string): Promise<DesignBlockId>;
     /**
      * Load a scene from the URL to the scene file.
      * The scene file will be fetched asynchronously by the engine. This requires continous `render`
@@ -1527,7 +1928,7 @@ export declare class SceneAPI {
      * @param url - The URL of the scene file.
      * @returns scene A promise that resolves once the scene was loaded or rejects with an error otherwise.
      */
-    loadFromURL(url: string): Promise<DesignElementId>;
+    loadFromURL(url: string): Promise<DesignBlockId>;
     /**
      * Serializes the current scene into a string. Selection is discarded.
      * @returns A promise that resolves with a string on success or an error on failure.
@@ -1546,7 +1947,7 @@ export declare class SceneAPI {
      * Create a new scene, along with its own camera.
      * @returns The scenes handle.
      */
-    create(): DesignElementId;
+    create(): DesignBlockId;
     /**
      * Loads the given image and creates a scene with a single page showing the image.
      * Fetching the image may take an arbitrary amount of time, so the scene isn't immediately
@@ -1556,84 +1957,86 @@ export declare class SceneAPI {
      * @param pixelScaleFactor - The displays pixel scale factor.
      * @returns A promise that resolves with the scene ID on success or rejected with an error otherwise.
      */
-    createFromImage(url: string, dpi?: number, pixelScaleFactor?: number): Promise<DesignElementId>;
+    createFromImage(url: string, dpi?: number, pixelScaleFactor?: number): Promise<DesignBlockId>;
     /**
      * Return the currently active scene.
      * @returns The scene or null, if none was created yet.
      */
-    get(): DesignElementId | null;
-}
-
-declare enum SceneLayout {
-    Free = 0,
-    VerticalStack = 1,
-    HorizontalStack = 2
+    get(): DesignBlockId | null;
+    /**
+     * Applies the contents of the given template scene to the currently loaded scene.
+     * This loads the template scene while keeping the design unit and page dimensions
+     * of the current scene. Page contents remain centered when the pages are resized
+     * to fit the new dimensions.
+     * @param content - The template scene file contents, a base64 string.
+     * @returns A Promise that resolves once the template was applied or rejects if there was an error.
+     */
+    applyTemplateFromString(content: string): Promise<void>;
+    /**
+     * Applies the contents of the given template scene to the currently loaded scene.
+     * This loads the template scene while keeping the design unit and page dimensions
+     * of the current scene. Page contents remain centered when the pages are resized
+     * to fit the new dimensions.
+     * @param url - The url to the template scene file.
+     * @returns A Promise that resolves once the template was applied or rejects if there was an error.
+     */
+    applyTemplateFromURL(url: string): Promise<void>;
+    /**
+     * Converts all values of the current scene into the given design unit.
+     * @param designUnit - The new design unit of the scene
+     */
+    unstable_setDesignUnit(designUnit: DesignUnit): void;
+    /**
+     * Returns the design unit of the current scene.
+     * @returns The current design unit.
+     */
+    unstable_getDesignUnit(): DesignUnit;
 }
 
 /**
+ * - Absolute: Size in absolute design units.
+ * - Percent: Size in relation to the block's parent's size in percent, where 1.0 means 100%.
+ * - Auto: Size is automatically determined
+ *
  * @public
  */
-export declare enum SizeMode {
-    /** Size in absolute design units. */
-    Absolute = "Absolute",
-    /** Size in relation to the block's parent's size in percent, where 1.0 means 100%. */
-    Percent = "Percent",
-    /** Size is determined by the block's content. */
-    Auto = "Auto"
-}
+export declare type SizeMode = 'Absolute' | 'Percent' | 'Auto';
 
-declare type SpotColor = {
+/** @public */
+export declare interface SpotColor {
     name: string;
-    rgbApproximation: RGBColor;
+    rgbApproximation: RGBAColor;
     cmykApproximation: CMYKColor;
-};
-
-/**
- * @public
- */
-export declare enum StrokeCornerGeometry {
-    Bevel = "Bevel",
-    Miter = "Miter",
-    Round = "Round"
 }
 
-/**
- * @public
- */
-export declare enum StrokePosition {
-    Center = "Center",
-    Inner = "Inner",
-    Outer = "Outer"
-}
+/** @public */
+export declare type StrokeCornerGeometry = 'Bevel' | 'Miter' | 'Round';
 
-/**
- * @public
- */
-export declare enum StrokeStyle {
-    Dashed = "Dashed",
-    DashedRound = "DashedRound",
-    Dotted = "Dotted",
-    LongDashed = "LongDashed",
-    LongDashedRound = "LongDashedRound",
-    Solid = "Solid"
-}
+/**  @public */
+export declare type StrokePosition = 'Center' | 'Inner' | 'Outer';
 
+/**  @public */
+export declare type StrokeStyle = 'Dashed' | 'DashedRound' | 'Dotted' | 'LongDashed' | 'LongDashedRound' | 'Solid';
+
+/** @public */
+declare type Subscription = number;
+
+/** @public */
 declare type TemplateDefinition = Preset & {
+    label: string;
     scene: string | URL | (() => Promise<string>);
     thumbnailURL?: string | URL;
 };
 
+/** @public */
 declare type Theme = 'light' | 'dark';
 
-declare interface Translations {
+/** @public */
+export declare interface Translations {
     [key: string]: string | Translations;
 }
 
-declare interface TypeDescription {
-    name: string;
-    members: Array<TypeMemberDescription>;
-}
-
+/** @public */
 declare type TypefaceDefinition = Preset & {
     family: string;
     fonts: [
@@ -1645,21 +2048,21 @@ declare type TypefaceDefinition = Preset & {
     ];
 };
 
-declare interface TypeMemberDescription {
-    name: string;
-    type: string;
-    props: Array<TypeProp>;
+declare interface UIOptionsForSingleDesignUnit {
+    bleedMargin: BleedMarginOptions;
 }
 
-declare interface TypeProp {
-    key: string;
-    value: number | string;
+declare interface UIOptionsPerDesignUnit {
+    mm: UIOptionsForSingleDesignUnit;
+    px: UIOptionsForSingleDesignUnit;
+    in: UIOptionsForSingleDesignUnit;
 }
 
-declare interface UserInterface {
+/** @public */
+export declare interface UserInterface {
     baseURL: string;
     scale?: Scale;
-    elements: UserInterfaceElements;
+    elements: UserInterfaceElements_2;
     stylesheets?: {
         disableShadowDOM?: boolean;
         disableTagInsertion?: boolean;
@@ -1668,11 +2071,49 @@ declare interface UserInterface {
     hide?: boolean;
 }
 
+/** @public */
+declare interface UserInterfaceAssetLibrary extends UserInterfaceElement {
+}
+
+/** @public */
+declare interface UserInterfaceCustomAction {
+    callback: () => void | Promise<void>;
+    label: string;
+    iconName: UserInterfaceCustomActionIconName;
+}
+
+/** @public */
+declare type UserInterfaceCustomActionIconName = 'default' | 'download' | 'upload' | 'save';
+
+/** @public */
 declare interface UserInterfaceElement {
     show?: boolean;
 }
 
-declare interface UserInterfaceElements {
+declare namespace UserInterfaceElements {
+    export {
+        PanelPosition,
+        NavigationPosition,
+        UserInterfaceElement,
+        UserInterfaceInspectorBlocks,
+        UserInterfaceInspectorBlock,
+        UserInterfaceInspectorBlockText,
+        UserInterfaceInspectorBlockImage,
+        UserInterfaceInspector,
+        UserInterfaceSettings,
+        UserInterfaceAssetLibrary,
+        ExportFormat,
+        UserInterfaceExportAction,
+        UserInterfaceCustomActionIconName,
+        UserInterfaceCustomAction,
+        UserInterfaceNavigation,
+        UserInterfaceElements_2 as UserInterfaceElements
+    }
+}
+export { UserInterfaceElements }
+
+/** @public */
+declare interface UserInterfaceElements_2 {
     view?: {
         adopter?: {
             style?: 'default' | 'advanced';
@@ -1681,7 +2122,7 @@ declare interface UserInterfaceElements {
     panels?: {
         inspector?: UserInterfaceInspector | boolean;
         settings?: UserInterfaceSettings | boolean;
-        assetLibrary?: UserInterfaceSettings | boolean;
+        assetLibrary?: UserInterfaceAssetLibrary | boolean;
     };
     templates?: UserInterfaceElement | boolean;
     dock?: {
@@ -1689,25 +2130,38 @@ declare interface UserInterfaceElements {
         hideLabels?: boolean;
     };
     libraries?: {
+        template?: UserInterfaceElement | boolean;
         image?: UserInterfaceElement | boolean;
         text?: UserInterfaceElement | boolean;
         element?: UserInterfaceElement | boolean;
+        panel: {
+            insert: {
+                floating?: boolean;
+            };
+            replace: {
+                floating?: boolean;
+            };
+        };
     };
     blocks?: UserInterfaceInspectorBlocks;
     navigation: UserInterfaceNavigation;
 }
 
+/** @public */
 declare interface UserInterfaceExportAction extends UserInterfaceElement {
     format?: ExportFormat[];
 }
 
+/** @public */
 declare interface UserInterfaceInspector extends UserInterfaceElement {
     position?: PanelPosition;
 }
 
+/** @public */
 declare interface UserInterfaceInspectorBlock {
 }
 
+/** @public */
 declare interface UserInterfaceInspectorBlockImage extends UserInterfaceInspectorBlock {
     crop?: UserInterfaceElement | boolean;
     filters?: UserInterfaceElement | boolean;
@@ -1716,6 +2170,7 @@ declare interface UserInterfaceInspectorBlockImage extends UserInterfaceInspecto
     blur?: UserInterfaceElement | boolean;
 }
 
+/** @public */
 declare interface UserInterfaceInspectorBlocks {
     opacity?: UserInterfaceElement | boolean;
     transform?: UserInterfaceElement | boolean;
@@ -1723,12 +2178,14 @@ declare interface UserInterfaceInspectorBlocks {
     '//ly.img.ubq/text': UserInterfaceInspectorBlockText;
 }
 
+/** @public */
 declare interface UserInterfaceInspectorBlockText extends UserInterfaceInspectorBlock {
     advanced?: UserInterfaceElement | boolean;
     color?: UserInterfaceElement | boolean;
     backgroundColor?: UserInterfaceElement | boolean;
 }
 
+/** @public */
 declare interface UserInterfaceNavigation extends UserInterfaceElement {
     position: NavigationPosition;
     title?: string | null;
@@ -1740,9 +2197,11 @@ declare interface UserInterfaceNavigation extends UserInterfaceElement {
         share: UserInterfaceElement | boolean;
         load: UserInterfaceElement | boolean;
         download: UserInterfaceElement | boolean;
+        custom: UserInterfaceCustomAction[];
     };
 }
 
+/** @public */
 declare interface UserInterfaceSettings extends UserInterfaceElement {
 }
 
@@ -1776,29 +2235,33 @@ export declare class VariableAPI {
     remove(key: string): void;
 }
 
+/** @public */
 declare type VariableDefinition = Preset & {
     value: string | number;
 };
 
+/** @public */
 declare type Variables = {
     [id: string]: VariableDefinition;
 };
 
+/** @public */
 declare interface Vec2 {
     x: number;
     y: number;
 }
 
+/** @public */
 declare interface Vec3 {
     x: number;
     y: number;
     z: number;
 }
 
-declare interface Vector<T> {
-    size: () => number;
-    get: (index: number) => T;
-    delete: () => void;
+/** @public */
+declare enum ViewStyle {
+    Advanced = "advanced",
+    Default = "default"
 }
 
 export { }