@nmmty/lazycanvas 0.4.0 → 0.5.1

package/ReadMe.md

@@ -2,6 +2,7 @@
 
 [![npm version](https://badge.fury.io/js/%40nmmty%2Flazycanvas.svg)](https://www.npmjs.com/package/@nmmty/lazycanvas)
 [![downloads](https://img.shields.io/npm/dm/%40nmmty%2Flazycanvas.svg)](https://www.npmjs.com/package/@nmmty/lazycanvas)
+[![Ask DeepWiki](https://deepwiki.com/badge.svg)](https://deepwiki.com/NMMTY/LazyCanvas)
 
 A simple way to interact with [`@napi-rs/canvas`](https://github.com/Brooooooklyn/canvas) in an advanced way!
 LazyCanvas provides you with classes and methods to interact with canvas more easily. 

package/dist/helpers/Filters.d.ts

@@ -7,19 +7,19 @@ export declare const Filters: {
      * @param radius {number} - The `radius` of the blur.
      * @returns {string}
      */
-    blur(radius: number): string;
+    blur(radius: number): `blur(${number}px)`;
     /**
      * @description Adjusts the brightness of the input image. A value of `0%` will create an image that is completely black, while a value of `100%` leaves the input unchanged. If no value is specified, it defaults to `100%`.
      * @param amount {number} - The `amount` of the brightness.
      * @returns {string}
      */
-    brightness(amount: number): string;
+    brightness(amount: number): `brightness(${number}%)`;
     /**
      * @description Adjusts the contrast of the input image. A value of `0%` will create an image that is completely black, while a value of `100%` leaves the input unchanged. If no value is specified, it defaults to `100%`.
      * @param amount {number} - The `amount` of the contrast.
      * @returns {string}
      */
-    contrast(amount: number): string;
+    contrast(amount: number): `contrast(${number}%)`;
     /**
      * @description Applies a drop shadow effect to the input image. The value of `color` is the color of the shadow. The `offsetX` and `offsetY` values are the horizontal and vertical distances of the shadow, and the `blurRadius` is the amount of blur. If no value is specified, it defaults to `0`.
      * @param color {string} - The `color` of the shadow.
@@ -28,41 +28,41 @@ export declare const Filters: {
      * @param blurRadius {number} - The `blurRadius` of the shadow.
      * @returns {string}
      */
-    dropShadow(color: string, offsetX: number, offsetY: number, blurRadius: number): string;
+    dropShadow(color: string, offsetX: number, offsetY: number, blurRadius: number): `drop-shadow(${number}px ${number}px ${number}px ${string})`;
     /**
      * @description Converts the input image to grayscale. A value of `0%` is completely unmodified, while a value of `100%` will make the image completely grayscale.
      * @param amount {number} - The `amount` of the grayscale.
      * @returns {string}
      */
-    grayscale(amount: number): string;
+    grayscale(amount: number): `grayscale(${number}%)`;
     /**
      * @description Applies a hue rotation to the input image. The value of `angle` defines the number of degrees around the color circle the input samples will be adjusted. A value of `0deg` leaves the input unchanged.
      * @param angle {number} - The `angle` of the hue rotation.
      * @returns {string}
      */
-    hueRotate(angle: number): string;
+    hueRotate(angle: number): `hue-rotate(${number}deg)`;
     /**
      * @description Inverts the samples in the input image. A value of `0%` leaves the input unchanged, while a value of `100%` is completely inverted.
      * @param amount {number} - The `amount` of the invert.
      * @returns {string}
      */
-    invert(amount: number): string;
+    invert(amount: number): `invert(${number}%)`;
     /**
      * @description Sets the opacity of the input image. A value of `0%` is completely transparent, while a value of `100%` is completely opaque.
      * @param amount {number} - The `amount` of the opacity.
      * @returns {string}
      */
-    opacity(amount: number): string;
+    opacity(amount: number): `opacity(${number}%)`;
     /**
      * @description Saturates the input image. A value of `0%` is completely unmodified, while a value of `100%` is completely saturated.
      * @param amount {number} - The `amount` of the saturation.
      * @returns {string}
      */
-    saturate(amount: number): string;
+    saturate(amount: number): `saturate(${number}%)`;
     /**
      * @description Converts the input image to sepia. A value of `0%` is completely unmodified, while a value of `100%` is completely sepia.
      * @param amount {number} - The `amount` of the sepia.
      * @returns {string}
      */
-    sepia(amount: number): string;
+    sepia(amount: number): `sepia(${number}%)`;
 };

package/dist/helpers/Fonts.d.ts

@@ -1,4 +1,4 @@
-import { IFonts } from "../types/helpers/Font";
+import { IFonts } from "../structures/helpers";
 /**
  * The bundled fonts in this package.
  * Used fonts:

package/dist/helpers/FontsList.d.ts

@@ -1,4 +1,4 @@
-import { FontWeight } from "../types/enum";
+import { FontWeight } from "../types";
 /**
  * The bundled fonts in this package.
  * Used fonts:

package/dist/helpers/FontsList.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FontsList = void 0;
-const enum_1 = require("../types/enum");
+const types_1 = require("../types");
 /**
  * The bundled fonts in this package.
  * Used fonts:
@@ -9,57 +9,57 @@ const enum_1 = require("../types/enum");
  */
 exports.FontsList = {
     Geist_Thin(size) {
-        return { family: 'Geist', size, weight: enum_1.FontWeight.Thin };
+        return { family: 'Geist', size, weight: types_1.FontWeight.Thin };
     },
     Geist_ExtraLight(size) {
-        return { family: 'Geist', size, weight: enum_1.FontWeight.ExtraLight };
+        return { family: 'Geist', size, weight: types_1.FontWeight.ExtraLight };
     },
     Geist_Light(size) {
-        return { family: 'Geist', size, weight: enum_1.FontWeight.Light };
+        return { family: 'Geist', size, weight: types_1.FontWeight.Light };
     },
     Geist_Regular(size) {
-        return { family: 'Geist', size, weight: enum_1.FontWeight.Regular };
+        return { family: 'Geist', size, weight: types_1.FontWeight.Regular };
     },
     Geist_Medium(size) {
-        return { family: 'Geist', size, weight: enum_1.FontWeight.Medium };
+        return { family: 'Geist', size, weight: types_1.FontWeight.Medium };
     },
     Geist_SemiBold(size) {
-        return { family: 'Geist', size, weight: enum_1.FontWeight.SemiBold };
+        return { family: 'Geist', size, weight: types_1.FontWeight.SemiBold };
     },
     Geist_Bold(size) {
-        return { family: 'Geist', size, weight: enum_1.FontWeight.Bold };
+        return { family: 'Geist', size, weight: types_1.FontWeight.Bold };
     },
     Geist_ExtraBold(size) {
-        return { family: 'Geist', size, weight: enum_1.FontWeight.ExtraBold };
+        return { family: 'Geist', size, weight: types_1.FontWeight.ExtraBold };
     },
     Geist_Black(size) {
-        return { family: 'Geist', size, weight: enum_1.FontWeight.Black };
+        return { family: 'Geist', size, weight: types_1.FontWeight.Black };
     },
     GeistMono_Thin(size) {
-        return { family: 'GeistMono', size, weight: enum_1.FontWeight.Thin };
+        return { family: 'GeistMono', size, weight: types_1.FontWeight.Thin };
     },
     GeistMono_ExtraLight(size) {
-        return { family: 'GeistMono', size, weight: enum_1.FontWeight.ExtraLight };
+        return { family: 'GeistMono', size, weight: types_1.FontWeight.ExtraLight };
     },
     GeistMono_Light(size) {
-        return { family: 'GeistMono', size, weight: enum_1.FontWeight.Light };
+        return { family: 'GeistMono', size, weight: types_1.FontWeight.Light };
     },
     GeistMono_Regular(size) {
-        return { family: 'GeistMono', size, weight: enum_1.FontWeight.Regular };
+        return { family: 'GeistMono', size, weight: types_1.FontWeight.Regular };
     },
     GeistMono_Medium(size) {
-        return { family: 'GeistMono', size, weight: enum_1.FontWeight.Medium };
+        return { family: 'GeistMono', size, weight: types_1.FontWeight.Medium };
     },
     GeistMono_SemiBold(size) {
-        return { family: 'GeistMono', size, weight: enum_1.FontWeight.SemiBold };
+        return { family: 'GeistMono', size, weight: types_1.FontWeight.SemiBold };
     },
     GeistMono_Bold(size) {
-        return { family: 'GeistMono', size, weight: enum_1.FontWeight.Bold };
+        return { family: 'GeistMono', size, weight: types_1.FontWeight.Bold };
     },
     GeistMono_Black(size) {
-        return { family: 'GeistMono', size, weight: enum_1.FontWeight.Black };
+        return { family: 'GeistMono', size, weight: types_1.FontWeight.Black };
     },
     GeistMono_ExtraBlack(size) {
-        return { family: 'GeistMono', size, weight: enum_1.FontWeight.ExtraBlack };
+        return { family: 'GeistMono', size, weight: types_1.FontWeight.ExtraBlack };
     },
 };

package/dist/index.d.ts

@@ -1,20 +1,11 @@
-import { LazyCanvas } from "./structures/LazyCanvas";
-import { ImageLayer } from "./structures/components/ImageLayer";
-import { MorphLayer } from "./structures/components/MorphLayer";
-import { TextLayer } from "./structures/components/TextLayer";
-import { BezierLayer } from "./structures/components/BezierLayer";
-import { QuadraticLayer } from "./structures/components/QuadraticLayer";
-import { LineLayer } from "./structures/components/LineLayer";
-import { ClearLayer } from "./structures/components/ClearLayer";
-import { BaseLayer } from "./structures/components/BaseLayer";
-import { Group } from "./structures/components/Group";
-import { LayerType, LayerScaleType, LineCap, LineJoin, TextAlign, TextDirection, TextBaseline, FontWeight, Export, Centring, PatternType, SaveFormat, GradientType, LinkType } from "./types/enum";
-import { Font } from "./structures/helpers/Font";
-import { Gradient } from "./structures/helpers/Gradient";
-import { Pattern } from "./structures/helpers/Pattern";
-import { Link } from "./structures/helpers/Link";
-import { saveFile } from "./utils/utils";
-import { Filters } from "./helpers/Filters";
-import { FontsList } from "./helpers/FontsList";
-export { LazyCanvas, ImageLayer, MorphLayer, TextLayer, BezierLayer, QuadraticLayer, LineLayer, ClearLayer, BaseLayer, Group, Font, Gradient, Pattern, Link, LayerScaleType, LayerType, FontWeight, GradientType, Export, LineCap, LineJoin, TextAlign, TextDirection, TextBaseline, SaveFormat, Centring, PatternType, LinkType, saveFile, Filters, FontsList, };
-export type { AnyLayer, AnyCentring, AnyPatternType, AnyGradientType, AnyTextAlign, AnyTextDirection, AnyTextBaseline, AnyWeight, AnyExport, AnyLineCap, AnyLineJoin, AnySaveFormat, AnyLinkType, AnyGlobalCompositeOperation, AnyColorSpace, ScaleType, ColorType, Point, PointNumber, GradientPoint, GradientColorStop, Transform, ILazyCanvas, IFont, IFonts, IGradient, IPattern, IImageLayer, IImageLayerProps, IMorphLayer, IMorphLayerProps, ITextLayer, ITextLayerProps, IBezierLayer, IBezierLayerProps, IQuadraticLayer, IQuadraticLayerProps, ILineLayer, ILineLayerProps, IBaseLayer, IBaseLayerProps, IGroup, ILink, IFontsManager, ILayersManager, IRenderManager } from "./types";
+export { LazyCanvas, ILazyCanvas, ILazyCanvasOptions, IOLazyCanvas, } from "./structures/LazyCanvas";
+export { IFontsManager } from "./structures/managers/FontsManager";
+export { IAnimationManager, IAnimationOptions } from "./structures/managers/AnimationManager";
+export { IRenderManager } from "./structures/managers/RenderManager";
+export { ILayersManager } from "./structures/managers/LayersManager";
+export * from "./structures/components";
+export { LayerType, LayerScaleType, LineCap, LineJoin, TextAlign, TextDirection, TextBaseline, FontWeight, Export, Centring, PatternType, GradientType, LinkType } from "./types";
+export { Font, IFont, IFonts, Gradient, IGradient, GradientPoint, GradientColorStop, Pattern, IPattern, Link, ILink, Exporter, JSONReader } from "./structures/helpers";
+export { Filters } from "./helpers/Filters";
+export { FontsList } from "./helpers/FontsList";
+export type { AnyLayer, AnyCentring, AnyPatternType, AnyGradientType, AnyTextAlign, AnyTextDirection, AnyTextBaseline, AnyWeight, AnyLineCap, AnyLineJoin, AnyExport, AnyLinkType, AnyGlobalCompositeOperation, AnyColorSpace, ScaleType, ColorType, Point, PointNumber, Transform, Extensions } from "./types";

package/dist/index.js

@@ -1,52 +1,45 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FontsList = exports.Filters = exports.saveFile = exports.LinkType = exports.PatternType = exports.Centring = exports.SaveFormat = exports.TextBaseline = exports.TextDirection = exports.TextAlign = exports.LineJoin = exports.LineCap = exports.Export = exports.GradientType = exports.FontWeight = exports.LayerType = exports.LayerScaleType = exports.Link = exports.Pattern = exports.Gradient = exports.Font = exports.Group = exports.BaseLayer = exports.ClearLayer = exports.LineLayer = exports.QuadraticLayer = exports.BezierLayer = exports.TextLayer = exports.MorphLayer = exports.ImageLayer = exports.LazyCanvas = void 0;
-const LazyCanvas_1 = require("./structures/LazyCanvas");
+exports.FontsList = exports.Filters = exports.JSONReader = exports.Exporter = exports.Link = exports.Pattern = exports.Gradient = exports.Font = exports.LinkType = exports.GradientType = exports.PatternType = exports.Centring = exports.Export = exports.FontWeight = exports.TextBaseline = exports.TextDirection = exports.TextAlign = exports.LineJoin = exports.LineCap = exports.LayerScaleType = exports.LayerType = exports.LazyCanvas = void 0;
+var LazyCanvas_1 = require("./structures/LazyCanvas");
 Object.defineProperty(exports, "LazyCanvas", { enumerable: true, get: function () { return LazyCanvas_1.LazyCanvas; } });
-const ImageLayer_1 = require("./structures/components/ImageLayer");
-Object.defineProperty(exports, "ImageLayer", { enumerable: true, get: function () { return ImageLayer_1.ImageLayer; } });
-const MorphLayer_1 = require("./structures/components/MorphLayer");
-Object.defineProperty(exports, "MorphLayer", { enumerable: true, get: function () { return MorphLayer_1.MorphLayer; } });
-const TextLayer_1 = require("./structures/components/TextLayer");
-Object.defineProperty(exports, "TextLayer", { enumerable: true, get: function () { return TextLayer_1.TextLayer; } });
-const BezierLayer_1 = require("./structures/components/BezierLayer");
-Object.defineProperty(exports, "BezierLayer", { enumerable: true, get: function () { return BezierLayer_1.BezierLayer; } });
-const QuadraticLayer_1 = require("./structures/components/QuadraticLayer");
-Object.defineProperty(exports, "QuadraticLayer", { enumerable: true, get: function () { return QuadraticLayer_1.QuadraticLayer; } });
-const LineLayer_1 = require("./structures/components/LineLayer");
-Object.defineProperty(exports, "LineLayer", { enumerable: true, get: function () { return LineLayer_1.LineLayer; } });
-const ClearLayer_1 = require("./structures/components/ClearLayer");
-Object.defineProperty(exports, "ClearLayer", { enumerable: true, get: function () { return ClearLayer_1.ClearLayer; } });
-const BaseLayer_1 = require("./structures/components/BaseLayer");
-Object.defineProperty(exports, "BaseLayer", { enumerable: true, get: function () { return BaseLayer_1.BaseLayer; } });
-const Group_1 = require("./structures/components/Group");
-Object.defineProperty(exports, "Group", { enumerable: true, get: function () { return Group_1.Group; } });
-const enum_1 = require("./types/enum");
-Object.defineProperty(exports, "LayerType", { enumerable: true, get: function () { return enum_1.LayerType; } });
-Object.defineProperty(exports, "LayerScaleType", { enumerable: true, get: function () { return enum_1.LayerScaleType; } });
-Object.defineProperty(exports, "LineCap", { enumerable: true, get: function () { return enum_1.LineCap; } });
-Object.defineProperty(exports, "LineJoin", { enumerable: true, get: function () { return enum_1.LineJoin; } });
-Object.defineProperty(exports, "TextAlign", { enumerable: true, get: function () { return enum_1.TextAlign; } });
-Object.defineProperty(exports, "TextDirection", { enumerable: true, get: function () { return enum_1.TextDirection; } });
-Object.defineProperty(exports, "TextBaseline", { enumerable: true, get: function () { return enum_1.TextBaseline; } });
-Object.defineProperty(exports, "FontWeight", { enumerable: true, get: function () { return enum_1.FontWeight; } });
-Object.defineProperty(exports, "Export", { enumerable: true, get: function () { return enum_1.Export; } });
-Object.defineProperty(exports, "Centring", { enumerable: true, get: function () { return enum_1.Centring; } });
-Object.defineProperty(exports, "PatternType", { enumerable: true, get: function () { return enum_1.PatternType; } });
-Object.defineProperty(exports, "SaveFormat", { enumerable: true, get: function () { return enum_1.SaveFormat; } });
-Object.defineProperty(exports, "GradientType", { enumerable: true, get: function () { return enum_1.GradientType; } });
-Object.defineProperty(exports, "LinkType", { enumerable: true, get: function () { return enum_1.LinkType; } });
-const Font_1 = require("./structures/helpers/Font");
-Object.defineProperty(exports, "Font", { enumerable: true, get: function () { return Font_1.Font; } });
-const Gradient_1 = require("./structures/helpers/Gradient");
-Object.defineProperty(exports, "Gradient", { enumerable: true, get: function () { return Gradient_1.Gradient; } });
-const Pattern_1 = require("./structures/helpers/Pattern");
-Object.defineProperty(exports, "Pattern", { enumerable: true, get: function () { return Pattern_1.Pattern; } });
-const Link_1 = require("./structures/helpers/Link");
-Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Link_1.Link; } });
-const utils_1 = require("./utils/utils");
-Object.defineProperty(exports, "saveFile", { enumerable: true, get: function () { return utils_1.saveFile; } });
-const Filters_1 = require("./helpers/Filters");
+__exportStar(require("./structures/components"), exports);
+var types_1 = require("./types");
+Object.defineProperty(exports, "LayerType", { enumerable: true, get: function () { return types_1.LayerType; } });
+Object.defineProperty(exports, "LayerScaleType", { enumerable: true, get: function () { return types_1.LayerScaleType; } });
+Object.defineProperty(exports, "LineCap", { enumerable: true, get: function () { return types_1.LineCap; } });
+Object.defineProperty(exports, "LineJoin", { enumerable: true, get: function () { return types_1.LineJoin; } });
+Object.defineProperty(exports, "TextAlign", { enumerable: true, get: function () { return types_1.TextAlign; } });
+Object.defineProperty(exports, "TextDirection", { enumerable: true, get: function () { return types_1.TextDirection; } });
+Object.defineProperty(exports, "TextBaseline", { enumerable: true, get: function () { return types_1.TextBaseline; } });
+Object.defineProperty(exports, "FontWeight", { enumerable: true, get: function () { return types_1.FontWeight; } });
+Object.defineProperty(exports, "Export", { enumerable: true, get: function () { return types_1.Export; } });
+Object.defineProperty(exports, "Centring", { enumerable: true, get: function () { return types_1.Centring; } });
+Object.defineProperty(exports, "PatternType", { enumerable: true, get: function () { return types_1.PatternType; } });
+Object.defineProperty(exports, "GradientType", { enumerable: true, get: function () { return types_1.GradientType; } });
+Object.defineProperty(exports, "LinkType", { enumerable: true, get: function () { return types_1.LinkType; } });
+var helpers_1 = require("./structures/helpers");
+Object.defineProperty(exports, "Font", { enumerable: true, get: function () { return helpers_1.Font; } });
+Object.defineProperty(exports, "Gradient", { enumerable: true, get: function () { return helpers_1.Gradient; } });
+Object.defineProperty(exports, "Pattern", { enumerable: true, get: function () { return helpers_1.Pattern; } });
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return helpers_1.Link; } });
+Object.defineProperty(exports, "Exporter", { enumerable: true, get: function () { return helpers_1.Exporter; } });
+Object.defineProperty(exports, "JSONReader", { enumerable: true, get: function () { return helpers_1.JSONReader; } });
+var Filters_1 = require("./helpers/Filters");
 Object.defineProperty(exports, "Filters", { enumerable: true, get: function () { return Filters_1.Filters; } });
-const FontsList_1 = require("./helpers/FontsList");
+var FontsList_1 = require("./helpers/FontsList");
 Object.defineProperty(exports, "FontsList", { enumerable: true, get: function () { return FontsList_1.FontsList; } });

package/dist/structures/LazyCanvas.d.ts

@@ -1,34 +1,141 @@
-import { AnyExport, ILazyCanvas } from "../types";
-import { Canvas, SKRSContext2D, SvgExportFlag } from "@napi-rs/canvas";
+import { AnyExport, JSONLayer } from "../types";
+import { Canvas, SKRSContext2D, SvgCanvas, SvgExportFlag } from "@napi-rs/canvas";
 import { LayersManager } from "./managers/LayersManager";
 import { RenderManager } from "./managers/RenderManager";
 import { FontsManager } from "./managers/FontsManager";
-import { AnimationManager } from "./managers/AnimationManager";
-export declare class LazyCanvas implements ILazyCanvas {
-    width: number | 0;
-    height: number | 0;
-    canvas: Canvas;
+import { AnimationManager, IAnimationOptions } from "./managers/AnimationManager";
+import { Group } from "./components";
+/**
+ * Interface representing the LazyCanvas structure.
+ */
+export interface ILazyCanvas {
+    /**
+     * The canvas instance, which can be either a Canvas or SvgCanvas.
+     */
+    canvas: Canvas | SvgCanvas;
+    /**
+     * The 2D rendering context of the canvas.
+     */
     ctx: SKRSContext2D;
-    layers: LayersManager;
-    render: RenderManager;
-    fonts: FontsManager;
-    animation: AnimationManager;
+    /**
+     * The manager object containing various managers for layers, rendering, fonts, and animation.
+     */
+    manager: {
+        layers: LayersManager;
+        render: RenderManager;
+        fonts: FontsManager;
+        animation: AnimationManager;
+    };
+    /**
+     * The options for configuring the LazyCanvas instance.
+     */
+    options: ILazyCanvasOptions;
+}
+/**
+ * Interface representing the options for LazyCanvas.
+ */
+export interface ILazyCanvasOptions {
+    /**
+     * The width of the canvas.
+     */
+    width: number;
+    /**
+     * The height of the canvas.
+     */
+    height: number;
+    /**
+     * Whether the canvas is animated.
+     */
+    animated: boolean;
+    /**
+     * The export type for the canvas (e.g., buffer, SVG, etc.).
+     */
     exportType: AnyExport;
-    constructor(debug?: boolean);
     /**
-     * Set the export type
-     * @param type {AnyExport} - The `export` type
+     * The SVG export flag for encoding paths.
+     */
+    flag: SvgExportFlag;
+}
+/**
+ * Interface representing the input options for LazyCanvas.
+ */
+export interface IOLazyCanvas {
+    /**
+     * The options for configuring the LazyCanvas instance.
+     */
+    options: ILazyCanvasOptions;
+    /**
+     * The animation options for the LazyCanvas instance.
+     */
+    animation: IAnimationOptions;
+    /**
+     * The layers to be added to the LazyCanvas instance.
+     */
+    layers: Array<JSONLayer | Group>;
+}
+/**
+ * Class representing a LazyCanvas, which provides a structured way to manage canvas rendering.
+ */
+export declare class LazyCanvas implements ILazyCanvas {
+    /**
+     * The canvas instance, which can be either a Canvas or SvgCanvas.
+     */
+    canvas: Canvas | SvgCanvas;
+    /**
+     * The 2D rendering context of the canvas.
+     */
+    ctx: SKRSContext2D;
+    /**
+     * The manager object containing various managers for layers, rendering, fonts, and animation.
+     */
+    manager: {
+        layers: LayersManager;
+        render: RenderManager;
+        fonts: FontsManager;
+        animation: AnimationManager;
+    };
+    /**
+     * The options for configuring the LazyCanvas instance.
+     */
+    options: ILazyCanvasOptions;
+    /**
+     * Constructs a new LazyCanvas instance.
+     * @param opts {Object} - Optional settings for the LazyCanvas instance.
+     * @param opts.debug {boolean} - Whether debugging is enabled.
+     * @param opts.settings {IOLazyCanvas} - The input settings for the LazyCanvas instance.
+     */
+    constructor(opts?: {
+        debug?: boolean;
+        settings?: IOLazyCanvas;
+    });
+    /**
+     * Sets the export type for the canvas.
+     * @param type {AnyExport} - The export type (e.g., buffer, SVG, etc.).
+     * @returns {this} The current instance for chaining.
      */
     setExportType(type: AnyExport): this;
     /**
-     * Set the SVG export flag. This method should be called after `setExportType` method.
-     * @param flag {SvgExportFlag} - The `flag` of the SVG export
+     * Sets the SVG export flag. This method should be called after `setExportType`.
+     * @param flag {SvgExportFlag} - The SVG export flag.
+     * @returns {this} The current instance for chaining.
      */
     setSvgExportFlag(flag: SvgExportFlag): this;
     /**
-     * Create a new canvas. This method should be called before any other methods.
-     * @param width {number} - The `width` of the canvas
-     * @param height {number} - The `height` of the canvas
+     * Enables animation for the canvas.
+     * @returns {this} The current instance for chaining.
+     */
+    animated(): this;
+    /**
+     * Resizes the canvas to the specified dimensions.
+     * @param ratio {number} - The ratio to resize the canvas.
+     * @returns {this} The current instance for chaining.
+     */
+    resize(ratio: number): this;
+    /**
+     * Creates a new canvas with the specified dimensions.
+     * @param width {number} - The width of the canvas.
+     * @param height {number} - The height of the canvas.
+     * @returns {this} The current instance for chaining.
      */
     create(width: number, height: number): this;
 }