@yuzhouu/canvas-kit 0.1.3 → 0.1.4

package/_vendor/plugin-geo/index.d.ts

@@ -1,7 +1,7 @@
-export { DiamondTool, EllipseTool, RectangleTool } from "./GeoTools";
-export { GeoShapeUtil } from "./GeoShapeUtil";
-export { GeoShapeSvgExporter, createGeoCorePlugin } from "./core";
+export { DiamondTool, EllipseTool, HexagonTool, RectangleTool, StarTool, TriangleTool, } from "./geoTools";
+export { GeoShapeUtil } from "./geoShapeUtil";
+export { GeoShapeSvgExporter, createGeoEditorPlugin } from "./editor";
 export { GeoShapeSvg, createGeoCanvasPlugin } from "./canvas";
 export { Geo, createGeoFeatureBundle } from "./feature";
 export type { GeoShapeKind, GeoShapeProps, GeoShapeRecord } from "./types";
-export { isGeoShapeRecord } from "./types";
+export { GEO_SHAPE_KINDS, isGeoShapeKind, isGeoShapeRecord } from "./types";

package/_vendor/plugin-geo/types.d.ts

@@ -1,11 +1,12 @@
-import { type BaseRecord, type ShapeRecordBase } from "../canvas-core/index";
-export type GeoShapeKind = "rectangle" | "ellipse" | "diamond";
+import { type ShapeColor, type BaseRecord, type ShapeRecordBase } from "../canvas-core/index";
+export declare const GEO_SHAPE_KINDS: readonly ["rectangle", "ellipse", "diamond", "triangle", "hexagon", "star"];
+export type GeoShapeKind = (typeof GEO_SHAPE_KINDS)[number];
 export interface GeoShapeProps {
     w: number;
     h: number;
     geo: GeoShapeKind;
-    fill: string;
-    stroke: string;
+    fill: ShapeColor;
+    stroke: ShapeColor;
     strokeWidth: number;
 }
 export interface GeoShapeRecord extends ShapeRecordBase<"geo", GeoShapeProps> {
@@ -13,3 +14,4 @@ export interface GeoShapeRecord extends ShapeRecordBase<"geo", GeoShapeProps> {
     props: GeoShapeProps;
 }
 export declare function isGeoShapeRecord(record: BaseRecord | null | undefined): record is GeoShapeRecord;
+export declare function isGeoShapeKind(value: unknown): value is GeoShapeKind;

package/_vendor/plugin-group/canvas.d.ts

@@ -1,10 +1,10 @@
-import type { LandCanvasPlugin } from "../canvas-plugin-api/index";
-import type { GroupShapeRecord } from "./GroupShapeUtil";
+import { type LandCanvasPlugin } from "../canvas-react/host/index";
+import type { GroupShapeRecord } from "./groupShapeUtil";
 interface GroupShapeSvgProps {
     shape: GroupShapeRecord;
+    isHovered?: boolean;
+    isSelected?: boolean;
 }
 export declare function createGroupCanvasPlugin(): LandCanvasPlugin;
-export declare function GroupShapeSvg({ shape, isSelected, }: GroupShapeSvgProps & {
-    isSelected?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+export declare function GroupShapeSvg({ shape, isHovered, isSelected, }: GroupShapeSvgProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/_vendor/plugin-group/editor.d.ts

@@ -0,0 +1,7 @@
+import { type LandEditorPlugin, type ShapeSvgExporter, type SvgNode } from "../canvas-core/index";
+import { type GroupShapeRecord } from "./groupShapeUtil";
+export declare class GroupShapeSvgExporter implements ShapeSvgExporter<GroupShapeRecord> {
+    readonly type: "group";
+    toSvg(_shape: GroupShapeRecord): SvgNode;
+}
+export declare function createGroupEditorPlugin(): LandEditorPlugin;

package/_vendor/plugin-group/feature.d.ts

@@ -1,3 +1,3 @@
-import { type LandFeatureBundle } from "../canvas-plugin-api/index";
+import { type LandFeatureBundle } from "../canvas-react/host/index";
 export declare function createGroupFeatureBundle(): LandFeatureBundle;
-export declare const Group: import("../canvas-plugin-api/index").ConfigurableLandExtension<Record<string, never>>;
+export declare const Group: import("../canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>;

package/_vendor/plugin-group/index.d.ts

@@ -1,5 +1,5 @@
-export { GroupShapeUtil } from "./GroupShapeUtil";
-export type { GroupShapeProps, GroupShapeRecord } from "./GroupShapeUtil";
-export { GroupShapeSvgExporter, createGroupCorePlugin } from "./core";
+export { GroupShapeUtil } from "./groupShapeUtil";
+export type { GroupShapeProps, GroupShapeRecord } from "./groupShapeUtil";
+export { GroupShapeSvgExporter, createGroupEditorPlugin } from "./editor";
 export { createGroupCanvasPlugin } from "./canvas";
 export { Group, createGroupFeatureBundle } from "./feature";

package/_vendor/plugin-image/canvas.d.ts

@@ -1,2 +1,2 @@
-import type { LandCanvasPlugin } from "../canvas-plugin-api/index";
+import { type LandCanvasPlugin } from "../canvas-react/host/index";
 export declare function createImageCanvasPlugin(): LandCanvasPlugin;

package/_vendor/plugin-image/{core.d.ts → editor.d.ts}

@@ -1,4 +1,4 @@
-import { type LandCorePlugin, type ShapeSvgExporter, type SvgExportContext, type SvgNode, type ToolbarContext } from "../canvas-core/index";
+import { type LandEditorPlugin, type ShapeSvgExporter, type SvgExportContext, type SvgNode, type CanvasActionContext } from "../canvas-core/index";
 import { type ImageShapeRecord } from "./types";
 export declare const IMAGE_REPLACE_TOOLBAR_ACTION_ID = "image.replace";
 export declare const IMAGE_DOWNLOAD_TOOLBAR_ACTION_ID = "image.download-original";
@@ -12,5 +12,5 @@ export declare class ImageShapeSvgExporter implements ShapeSvgExporter<ImageShap
     readonly type: "image";
     toSvg(shape: ImageShapeRecord, context: SvgExportContext): SvgNode | null;
 }
-export declare function createImageCorePlugin(): LandCorePlugin;
-export declare function isImageCropToolbarSession(context: ToolbarContext): boolean;
+export declare function createImageEditorPlugin(): LandEditorPlugin;
+export declare function isImageCropToolbarSession(context: CanvasActionContext): boolean;

package/_vendor/plugin-image/feature.d.ts

@@ -1,3 +1,3 @@
-import { type LandFeatureBundle } from "../canvas-plugin-api/index";
+import { type LandFeatureBundle } from "../canvas-react/host/index";
 export declare function createImageFeatureBundle(): LandFeatureBundle;
-export declare const Image: import("../canvas-plugin-api/index").ConfigurableLandExtension<Record<string, never>>;
+export declare const Image: import("../canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>;

package/_vendor/plugin-image/{ImageShapeUtil.d.ts → imageShapeUtil.d.ts}

@@ -1,10 +1,11 @@
-import { Box, ShapeUtil, type ShapeSelectionHandleAnchorInput, type ShapeSelectionHandleAnchors } from "../canvas-core/index";
+import { Box, ShapeUtil, type ShapeSelectionHandleAnchorInput, type ShapeSelectionHandleAnchors, type ShapeSelectionResizeAspectRatioLockInput } from "../canvas-core/index";
 import type { ImageShapeProps, ImageShapeRecord } from "./types";
 export declare class ImageShapeUtil extends ShapeUtil<ImageShapeRecord> {
     readonly type: "image";
     getDefaultProps(): ImageShapeProps;
     validateProps(props: unknown): ImageShapeProps;
     getBounds(shape: ImageShapeRecord): Box;
+    getSelectionResizeAspectRatioLock(_shape: ImageShapeRecord, input: ShapeSelectionResizeAspectRatioLockInput): boolean | null;
     canEdit(_shape: ImageShapeRecord): boolean;
     getSelectionHandleAnchors(shape: ImageShapeRecord, input: ShapeSelectionHandleAnchorInput): ShapeSelectionHandleAnchors;
 }

package/_vendor/plugin-image/index.d.ts

@@ -1,8 +1,8 @@
-export { IMAGE_CROP_ASPECT_RATIO_TOOLBAR_ACTION_ID, IMAGE_CROP_DONE_TOOLBAR_ACTION_ID, IMAGE_CROP_RESET_TOOLBAR_ACTION_ID, IMAGE_CROP_TOOLBAR_ACTION_ID, IMAGE_CROP_ZOOM_TOOLBAR_ACTION_ID, IMAGE_DOWNLOAD_TOOLBAR_ACTION_ID, IMAGE_INSERT_TOOLBAR_ACTION_ID, IMAGE_REPLACE_TOOLBAR_ACTION_ID, ImageShapeSvgExporter, createImageCorePlugin, isImageCropToolbarSession, } from "./core";
+export { IMAGE_CROP_ASPECT_RATIO_TOOLBAR_ACTION_ID, IMAGE_CROP_DONE_TOOLBAR_ACTION_ID, IMAGE_CROP_RESET_TOOLBAR_ACTION_ID, IMAGE_CROP_TOOLBAR_ACTION_ID, IMAGE_CROP_ZOOM_TOOLBAR_ACTION_ID, IMAGE_DOWNLOAD_TOOLBAR_ACTION_ID, IMAGE_INSERT_TOOLBAR_ACTION_ID, IMAGE_REPLACE_TOOLBAR_ACTION_ID, ImageShapeSvgExporter, createImageEditorPlugin, isImageCropToolbarSession, } from "./editor";
 export { createImageCanvasPlugin } from "./canvas";
 export { createImageCropInteractionHandler, createImageCropSelectionHandleInteractionHandler, } from "./cropInteractions";
 export { getImageCropModeMarkId } from "./crop";
 export { Image, createImageFeatureBundle } from "./feature";
-export { ImageShapeUtil } from "./ImageShapeUtil";
+export { ImageShapeUtil } from "./imageShapeUtil";
 export type { ImageAssetProps, ImageAssetRecord, ImageShapeCrop, ImageShapeProps, ImageShapeRecord, } from "./types";
 export { isImageAssetRecord, isImageShapeRecord } from "./types";

package/_vendor/plugin-laser/canvas.d.ts

@@ -1,2 +1,2 @@
-import { type LandCanvasPlugin } from "../canvas-plugin-api/index";
+import { type LandCanvasPlugin } from "../canvas-react/host/index";
 export declare function createLaserCanvasPlugin(): LandCanvasPlugin;

package/_vendor/plugin-laser/editor.d.ts

@@ -0,0 +1,2 @@
+import { type LandEditorPlugin } from "../canvas-core/index";
+export declare function createLaserEditorPlugin(): LandEditorPlugin;

package/_vendor/plugin-laser/feature.d.ts

@@ -1,3 +1,3 @@
-import { type LandFeatureBundle } from "../canvas-plugin-api/index";
+import { type LandFeatureBundle } from "../canvas-react/host/index";
 export declare function createLaserFeatureBundle(): LandFeatureBundle;
-export declare const Laser: import("../canvas-plugin-api/index").ConfigurableLandExtension<Record<string, never>>;
+export declare const Laser: import("../canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>;

package/_vendor/plugin-laser/index.d.ts

@@ -1,4 +1,4 @@
-export { LaserTool } from "./LaserTool";
+export { LaserTool } from "./laserTool";
 export { createLaserCanvasPlugin } from "./canvas";
-export { createLaserCorePlugin } from "./core";
+export { createLaserEditorPlugin } from "./editor";
 export { Laser, createLaserFeatureBundle } from "./feature";

package/_vendor/plugin-text/canvas.d.ts

@@ -1,2 +1,2 @@
-import type { LandCanvasPlugin } from "../canvas-plugin-api/index";
+import { type LandCanvasPlugin } from "../canvas-react/host/index";
 export declare function createTextCanvasPlugin(): LandCanvasPlugin;

package/_vendor/plugin-text/editor.d.ts

@@ -0,0 +1,2 @@
+import { type LandEditorPlugin } from "../canvas-core/index";
+export declare function createTextEditorPlugin(): LandEditorPlugin;

package/_vendor/plugin-text/feature.d.ts

@@ -1,3 +1,3 @@
-import { type LandFeatureBundle } from "../canvas-plugin-api/index";
+import { type LandFeatureBundle } from "../canvas-react/host/index";
 export declare function createTextFeatureBundle(): LandFeatureBundle;
-export declare const Text: import("../canvas-plugin-api/index").ConfigurableLandExtension<Record<string, never>>;
+export declare const Text: import("../canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>;

package/_vendor/plugin-text/host/RichTextToolbar.d.ts

@@ -1,6 +1,8 @@
+import type { Editor as LandEditor } from "../../canvas-core/index";
 import type { Editor as TiptapEditor } from "@tiptap/react";
 export declare function isRichTextToolbarTarget(target: EventTarget | null): boolean;
-export declare function RichTextToolbar({ editor, version: _version, }: {
+export declare function RichTextToolbar({ editor, landEditor, version: _version, }: {
     editor: TiptapEditor;
+    landEditor: LandEditor;
     version: number;
 }): import("react/jsx-runtime").JSX.Element | null;

package/_vendor/plugin-text/host/richTextBubbleMenuPositionSync.d.ts

@@ -0,0 +1,7 @@
+import { type Editor as LandEditor } from "../../canvas-core/index";
+import type { Editor as TiptapEditor } from "@tiptap/react";
+export declare const RICH_TEXT_BUBBLE_MENU_PLUGIN_KEY = "land.rich-text-bubble-menu";
+export declare function useRichTextBubbleMenuPositionSync({ landEditor, textEditor, }: {
+    landEditor: LandEditor;
+    textEditor: TiptapEditor;
+}): void;

package/_vendor/plugin-text/textShapeSvgExporter.d.ts

@@ -0,0 +1,6 @@
+import { type ShapeSvgExporter, type SvgExportContext, type SvgNode } from "../canvas-core/index";
+import type { TextShapeRecord } from "./textTypes";
+export declare class TextShapeSvgExporter implements ShapeSvgExporter<TextShapeRecord> {
+    readonly type: "text";
+    toSvg(shape: TextShapeRecord, context: SvgExportContext): SvgNode | null;
+}

package/_vendor/plugin-text/textTypes.d.ts

@@ -1,4 +1,4 @@
-import type { ShapeRecordBase } from "../canvas-core/index";
+import type { ShapeColor, ShapeRecordBase } from "../canvas-core/index";
 import type { JSONContent } from "@tiptap/core";
 export type RichTextJsonValue = string | number | boolean | null | RichTextJsonValue[] | {
     [key: string]: RichTextJsonValue;
@@ -19,7 +19,7 @@ export interface TextShapeProps {
     scale: number;
     font: TextShapeFont;
     size: TextShapeSize;
-    color: string;
+    color: ShapeColor;
     textAlign: TextShapeAlign;
 }
 export interface TextShapeRecord extends ShapeRecordBase<"text", TextShapeProps> {

package/_vendor/store/index.d.ts

@@ -1,5 +1,5 @@
 export { composeRecordsDiff, createEmptyRecordsDiff, filterRecordsDiff, getRecordMap, getRecordsDiff, hasRecordsDiff, invertRecordsDiff, squashRecordsDiffs, } from "./diff";
 export { appendStoreHistoryMark, createStoreHistoryEntry, createStoreHistoryMark, StoreHistoryBuffer, } from "./history";
-export { Store } from "./Store";
+export { Store } from "./store";
 export type { ChangeSource, RecordUpdate, RecordsDiff, ScopedStoreRecord, StoreRecord, StoreChange, StoreScopeOf, StoreSnapshot, } from "./types";
 export type { StoreHistoryEntry, StoreHistoryMark, StoreHistoryState, } from "./history";

package/_vendor/store/{Store.d.ts → store.d.ts}

@@ -1,15 +1,21 @@
-import { type Atom } from "../signals/index";
+import { type Atom, type Signal } from "../signals/index";
 import type { ChangeSource, RecordsDiff, ScopedStoreRecord, StoreChange, StoreRecord, StoreScopeOf } from "./types";
 type StoreListener<TRecord extends StoreRecord> = (change: StoreChange<TRecord>) => void;
 type ScopedRecord<TRecord extends StoreRecord> = Extract<TRecord, ScopedStoreRecord>;
 export declare class Store<TRecord extends StoreRecord = StoreRecord> {
     readonly recordsSignal: Atom<Map<string, TRecord>>;
+    private readonly recordSignals;
     private readonly listeners;
     private transactionDepth;
     private draftRecords;
     private pendingSource;
     constructor(initialRecords: TRecord[]);
     get(id: string): TRecord | undefined;
+    /**
+     * Per-record reactive read that still respects draft records during atomic
+     * mutations. Use this inside computed values instead of wrapping `get(id)`.
+     */
+    getRecordSignal(id: string): Signal<TRecord | undefined>;
     getAll(): TRecord[];
     getByScope<TScope extends StoreScopeOf<ScopedRecord<TRecord>>>(scope: TScope): Array<Extract<ScopedRecord<TRecord>, {
         scope: TScope;

package/browser/localSnapshotRestore.d.ts

@@ -0,0 +1,13 @@
+import { type Editor, type StoreSnapshot } from "../_vendor/canvas-core/index";
+import type { ProductPersistenceRestoreResult } from "../core/runtime/productDefinition";
+export interface PersistedEditorSnapshots {
+    documentSnapshot: unknown | null;
+    sessionSnapshot: unknown | null;
+}
+export interface LocalSnapshotRestoreResult extends ProductPersistenceRestoreResult {
+    preservedUnsupportedRecords: readonly unknown[];
+}
+export declare function restorePersistedEditorSnapshots(editor: Editor, { documentSnapshot, sessionSnapshot }: PersistedEditorSnapshots): LocalSnapshotRestoreResult;
+export declare function getDocumentSnapshotWithPreservedRecords(editor: Editor, preservedRecords: readonly unknown[]): StoreSnapshot<{
+    id: string;
+}>;

package/{_vendor/canvas-product-react/persistence/localSnapshotPersistence.d.ts → browser/persistence.d.ts}

@@ -1,30 +1,32 @@
-import type { Editor } from "../../canvas-core/index";
-import type { ProductPersistenceAdapter } from "../runtime/productDefinition";
+import type { Editor, StoreSnapshot } from "../_vendor/canvas-core/index";
+import type { ProductPersistenceAdapter } from "../core/runtime/productDefinition";
+import { type PersistedEditorSnapshots } from "./localSnapshotRestore";
 export declare const LAND_DOCUMENT_INDEXEDDB_NAME = "land.canvas.persistence";
 export declare const LAND_DOCUMENT_INDEXEDDB_STORE = "snapshots";
 export declare const LAND_IMAGE_BLOB_INDEXEDDB_STORE = "imageBlobs";
 export declare const LAND_DOCUMENT_STORAGE_KEY = "land.canvas.document";
 export declare const LAND_SESSION_STORAGE_KEY = "land.canvas.session";
 export declare const LAND_DOCUMENT_INDEXEDDB_VERSION = 2;
-export interface PersistedEditorSnapshots {
-    documentSnapshot: unknown | null;
-    sessionSnapshot: unknown | null;
-}
 export interface LocalSnapshotPersistenceOptions {
     storageNamespace?: string;
-    shouldIgnoreDocumentSnapshot?: (snapshot: unknown) => boolean;
 }
 export declare function createLocalSnapshotPersistence(options?: LocalSnapshotPersistenceOptions): ProductPersistenceAdapter;
 export declare class PersistenceManager {
     private readonly editor;
-    private readonly options;
     private static readonly SAVE_DELAY_MS;
+    private readonly getDocumentSnapshot;
+    private readonly options;
     private unsubscribe;
     private saveTimeoutId;
     private hasPendingSave;
     private isSaving;
     private saveAgainAfterCurrentSave;
-    constructor(editor: Editor, options?: LocalSnapshotPersistenceOptions);
+    constructor(editor: Editor, { getDocumentSnapshot, options, }?: {
+        getDocumentSnapshot?: () => StoreSnapshot<{
+            id: string;
+        }>;
+        options?: LocalSnapshotPersistenceOptions;
+    });
     start(): void;
     stop(): void;
     flush(): void;
@@ -34,7 +36,11 @@ export declare class PersistenceManager {
     private readonly flushWhenHidden;
     private readonly flushWhenPageIsLeaving;
 }
-export declare function persistEditorSnapshot(editor: Editor, options?: LocalSnapshotPersistenceOptions): Promise<void>;
+export declare function persistEditorSnapshot(editor: Editor, options?: LocalSnapshotPersistenceOptions, { documentSnapshot, }?: {
+    documentSnapshot?: StoreSnapshot<{
+        id: string;
+    }>;
+}): Promise<void>;
 export declare function readPersistedEditorSnapshots(options?: LocalSnapshotPersistenceOptions): Promise<PersistedEditorSnapshots>;
 export declare function readPersistedDocumentSnapshot(): Promise<unknown | null>;
 export declare function readPersistedSessionSnapshot(): Promise<unknown | null>;

package/builtins/controller/createBuiltInCanvasController.d.ts

@@ -0,0 +1,16 @@
+import type { ShapeId } from "../../_vendor/canvas-core/index";
+import type { CanvasProductController, CanvasProductControllerSnapshot, CanvasProductControllerOptions, CanvasProductSessionSnapshot } from "../../core/controller";
+import { type BuiltInCanvasShapeCreationControllers } from "./shapeCreationController";
+import { type BuiltInCanvasLayerNode } from "./layerController";
+export interface BuiltInCanvasControllerSnapshot<TToolId extends string = string> extends CanvasProductControllerSnapshot<TToolId> {
+    productId: string;
+    session: CanvasProductSessionSnapshot<TToolId>;
+}
+export interface BuiltInCanvasController<TToolId extends string = string> extends CanvasProductController<TToolId>, BuiltInCanvasShapeCreationControllers {
+    snapshot(): BuiltInCanvasControllerSnapshot<TToolId>;
+    getLayerTree(pageId?: string): BuiltInCanvasLayerNode[];
+    getLayerNode(id: ShapeId): BuiltInCanvasLayerNode | null;
+}
+export declare function createBuiltInCanvasController<TToolId extends string = string>(options: CanvasProductControllerOptions<TToolId>): BuiltInCanvasController<TToolId>;
+export declare function useBuiltInCanvasController<TToolId extends string = string>(options: CanvasProductControllerOptions<TToolId>): BuiltInCanvasController<TToolId>;
+export type { BuiltInCanvasLayerNode } from "./layerController";

package/builtins/controller/layerController.d.ts

@@ -0,0 +1,9 @@
+import type { AssetId, Editor } from "../../_vendor/canvas-core/index";
+import type { GeoShapeKind } from "../../_vendor/plugin-geo/index";
+import type { CanvasProductLayerNode } from "../../core/controller";
+export interface BuiltInCanvasLayerNode extends CanvasProductLayerNode {
+    geoKind?: GeoShapeKind;
+    imageAssetId?: AssetId | null;
+    imageThumbnailSrc?: string | null;
+}
+export declare function withBuiltInLayerNames(editor: Editor, node: CanvasProductLayerNode): BuiltInCanvasLayerNode;

package/builtins/controller/shapeCreationController.d.ts

@@ -0,0 +1,74 @@
+import type { Editor, ShapeColor, ShapeId } from "../../_vendor/canvas-core/index";
+import { type ArrowShapeProps } from "../../_vendor/plugin-arrow/index";
+import { type TextShapeProps } from "../../_vendor/plugin-text/index";
+import type { CanvasProductShapeRef } from "../../core/controller";
+export interface BuiltInCanvasShapeInput {
+    x: number;
+    y: number;
+    w?: number;
+    h?: number;
+    fill?: ShapeColor;
+    stroke?: ShapeColor;
+    strokeWidth?: number;
+}
+export interface BuiltInCanvasTextInput {
+    x: number;
+    y: number;
+    text: string;
+    w?: number;
+    h?: number;
+    color?: ShapeColor;
+    size?: TextShapeProps["size"];
+}
+export interface BuiltInCanvasFrameInput extends BuiltInCanvasShapeInput {
+    name?: string;
+}
+export interface BuiltInCanvasArrowBindingInput {
+    targetShapeId: ShapeId;
+    normalizedAnchor: {
+        x: number;
+        y: number;
+    };
+}
+export interface BuiltInCanvasArrowInput {
+    start: {
+        x: number;
+        y: number;
+    };
+    end: {
+        x: number;
+        y: number;
+    };
+    bend?: number;
+    stroke?: ShapeColor;
+    strokeWidth?: number;
+    headStart?: ArrowShapeProps["headStart"];
+    headEnd?: ArrowShapeProps["headEnd"];
+    startBinding?: BuiltInCanvasArrowBindingInput | null;
+    endBinding?: BuiltInCanvasArrowBindingInput | null;
+}
+export interface BuiltInGeoController {
+    createRectangle(input: BuiltInCanvasShapeInput): CanvasProductShapeRef | null;
+    createEllipse(input: BuiltInCanvasShapeInput): CanvasProductShapeRef | null;
+    createDiamond(input: BuiltInCanvasShapeInput): CanvasProductShapeRef | null;
+    createTriangle(input: BuiltInCanvasShapeInput): CanvasProductShapeRef | null;
+    createHexagon(input: BuiltInCanvasShapeInput): CanvasProductShapeRef | null;
+    createStar(input: BuiltInCanvasShapeInput): CanvasProductShapeRef | null;
+}
+export interface BuiltInTextController {
+    create(input: BuiltInCanvasTextInput): CanvasProductShapeRef | null;
+}
+export interface BuiltInFrameController {
+    create(input: BuiltInCanvasFrameInput): CanvasProductShapeRef | null;
+    moveShapesToFrame(ids: ShapeId[], frameId: ShapeId): ShapeId[];
+}
+export interface BuiltInArrowController {
+    create(input: BuiltInCanvasArrowInput): CanvasProductShapeRef | null;
+}
+export interface BuiltInCanvasShapeCreationControllers {
+    arrow: BuiltInArrowController;
+    geo: BuiltInGeoController;
+    text: BuiltInTextController;
+    frame: BuiltInFrameController;
+}
+export declare function createBuiltInShapeCreationControllers(editor: Editor): BuiltInCanvasShapeCreationControllers;

package/builtins/extensions.d.ts

@@ -0,0 +1,15 @@
+export interface BuiltInCanvasExtensionOptions {
+    arrow?: boolean;
+    draw?: boolean;
+    eraser?: boolean;
+    frame?: boolean;
+    geo?: boolean;
+    group?: boolean;
+    image?: boolean;
+    laser?: boolean;
+    text?: boolean;
+}
+export declare const builtInCanvasExtensions: readonly [import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>, import("../_vendor/canvas-react/host/index").ConfigurableLandExtension<Record<string, never>>];
+export type BuiltInCanvasExtension = (typeof builtInCanvasExtensions)[number];
+export declare function createBuiltInCanvasExtensions(options?: BuiltInCanvasExtensionOptions): readonly BuiltInCanvasExtension[];
+export declare function hasBuiltInCanvasExtension(extensions: readonly BuiltInCanvasExtension[], name: keyof BuiltInCanvasExtensionOptions): boolean;

package/builtins/index.d.ts

@@ -0,0 +1,5 @@
+export { builtInCanvasExtensions, createBuiltInCanvasExtensions, hasBuiltInCanvasExtension, } from "./extensions";
+export type { BuiltInCanvasExtension, BuiltInCanvasExtensionOptions, } from "./extensions";
+export { createBuiltInCanvasController, useBuiltInCanvasController, } from "./controller/createBuiltInCanvasController";
+export type { BuiltInCanvasController, BuiltInCanvasControllerSnapshot, BuiltInCanvasLayerNode, } from "./controller/createBuiltInCanvasController";
+export type { BuiltInArrowController, BuiltInCanvasArrowBindingInput, BuiltInCanvasArrowInput, BuiltInCanvasFrameInput, BuiltInCanvasShapeCreationControllers, BuiltInCanvasShapeInput, BuiltInCanvasTextInput, BuiltInFrameController, BuiltInGeoController, BuiltInTextController, } from "./controller/shapeCreationController";

package/chrome/CanvasKitFloatingToolbarLayer.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+export declare function CanvasKitFloatingToolbarLayer({ children, className, dataUi, }: {
+    children: ReactNode;
+    className?: string;
+    dataUi?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/chrome/FloatingSelectionToolbarPageSpace.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+import type { ToolbarSurfaces } from "./bindings/useToolbarSurfaces";
+export declare function FloatingSelectionToolbarPageSpace({ children, className, dataUi, offset, surfaces, }: {
+    children: ReactNode;
+    className?: string;
+    dataUi?: string;
+    offset?: number;
+    surfaces: ToolbarSurfaces;
+}): import("react/jsx-runtime").JSX.Element | null;

package/chrome/bindings/useCanvasKitChromeControls.d.ts

@@ -0,0 +1,27 @@
+import type { Editor, PageId, PageRecord } from "../../_vendor/canvas-core/index";
+export interface HistoryControls {
+    canUndo: boolean;
+    canRedo: boolean;
+    undo(): void;
+    redo(): void;
+}
+export interface PageControls {
+    pages: readonly PageRecord[];
+    currentPage: PageRecord | null;
+    currentPageId: PageId;
+    canDeleteCurrentPage: boolean;
+    createPage(): void;
+    deleteCurrentPage(): void;
+    renameCurrentPage(nextName: string): void;
+    selectPage(pageId: PageId): void;
+}
+export interface ZoomControlsState {
+    zoom: number;
+    label: string;
+    zoomIn(): void;
+    zoomOut(): void;
+    resetZoom(): void;
+}
+export declare function useHistoryControls(editor: Editor): HistoryControls;
+export declare function usePageControls(editor: Editor): PageControls;
+export declare function useZoomControls(editor: Editor): ZoomControlsState;

package/chrome/bindings/useContextMenuSurface.d.ts

@@ -0,0 +1,12 @@
+import type { ContextMenuContext, ActiveContextMenu, ContextMenuSection, Editor } from "../../_vendor/canvas-core/index";
+import type { CanvasPluginHostRuntime } from "../../_vendor/canvas-react/host/index";
+export interface ContextMenuSurface {
+    context: ContextMenuContext | null;
+    activeContextMenu: ActiveContextMenu | null;
+    sections: readonly ContextMenuSection[];
+}
+export declare function useContextMenuSurface({ editor, activeContextMenu, pluginHostRuntime, }: {
+    editor: Editor;
+    activeContextMenu: ActiveContextMenu | null;
+    pluginHostRuntime: CanvasPluginHostRuntime;
+}): ContextMenuSurface;

package/chrome/bindings/useSvgExport.d.ts

@@ -0,0 +1,15 @@
+import { type RefObject } from "react";
+import type { Editor, ShapeId } from "../../_vendor/canvas-core/index";
+import { type ExportStatus as ProductExportStatus, type SvgAssetInliner as ProductSvgAssetInliner, type SvgExportResult as ProductSvgExportResult } from "../../core";
+export type ExportStatus = ProductExportStatus;
+export type SvgAssetInliner = ProductSvgAssetInliner;
+export type SvgExportResult = ProductSvgExportResult;
+export interface SvgExportControls {
+    status: ExportStatus | null;
+    exportSvg(shapeIds: readonly ShapeId[]): Promise<SvgExportResult>;
+}
+export declare function useSvgExport({ assetInliners, editor, themeRootRef, }: {
+    assetInliners?: readonly SvgAssetInliner[];
+    editor: Editor;
+    themeRootRef?: RefObject<HTMLElement | null>;
+}): SvgExportControls;

package/chrome/bindings/useToolbarSurfaces.d.ts

@@ -0,0 +1,26 @@
+import type { Editor, CanvasActionContext, ToolbarGroup } from "../../_vendor/canvas-core/index";
+import type { CanvasPluginHostRuntime } from "../../_vendor/canvas-react/host/index";
+export interface FloatingSelectionToolbarPageAnchor {
+    x: number;
+    y: number;
+}
+export interface ToolbarSurfaces {
+    context: CanvasActionContext;
+    activeToolId: string;
+    activeToolLabel: string;
+    isToolLocked: boolean;
+    selectionCount: number;
+    hasMixedSelectionRotation: boolean;
+    toolChromeToolbarGroups: readonly ToolbarGroup[];
+    contextToolbarGroups: readonly ToolbarGroup[];
+    floatingSelectionToolbarGroups: readonly ToolbarGroup[];
+    floatingSelectionToolbarPageAnchor: FloatingSelectionToolbarPageAnchor | null;
+    contextToolbarTitle: string;
+    showContextToolbar: boolean;
+    showFloatingSelectionToolbar: boolean;
+}
+export declare function useToolbarSurfaces({ canShowContextToolbarDuringEditing, editor, pluginHostRuntime, }: {
+    canShowContextToolbarDuringEditing?: (context: CanvasActionContext) => boolean;
+    editor: Editor;
+    pluginHostRuntime: CanvasPluginHostRuntime;
+}): ToolbarSurfaces;

package/chrome/types.d.ts

@@ -0,0 +1,66 @@
+import type { CanvasKitController, CanvasKitBaseController } from "../controller/canvasKitController";
+import type { BuiltInCanvasLayerNode } from "../builtins";
+import type { ActiveContextMenu, EditorSelectionState, ShapeId, CanvasActionValue, CanvasActionContext } from "../_vendor/canvas-core/index";
+import type { HistoryControls, PageControls, ZoomControlsState } from "./bindings/useCanvasKitChromeControls";
+import type { ContextMenuSurface } from "./bindings/useContextMenuSurface";
+import type { SvgExportControls } from "./bindings/useSvgExport";
+import type { ToolbarSurfaces } from "./bindings/useToolbarSurfaces";
+import type { ProductPersistenceStatus } from "../core";
+export type { ContextMenuCommandItem, ContextMenuItem, ContextMenuSection, EditorSelectionState, ShapeId, CanvasActionValue, CanvasActionContext, ToolbarGroup, ToolbarItem, } from "../_vendor/canvas-core/index";
+export type { HistoryControls, PageControls, ZoomControlsState, } from "./bindings/useCanvasKitChromeControls";
+export type { ContextMenuSurface } from "./bindings/useContextMenuSurface";
+export type { SvgExportControls, } from "./bindings/useSvgExport";
+export type { ToolbarSurfaces, } from "./bindings/useToolbarSurfaces";
+export type CanvasKitLayerNode = BuiltInCanvasLayerNode;
+export interface CanvasKitToolbarActionState {
+    value: CanvasActionValue | undefined;
+    isEnabled: boolean;
+    isVisible: boolean;
+}
+export interface CanvasKitToolbarRuntime {
+    getActionState(input: {
+        actionId: string;
+        context: CanvasActionContext;
+    }): CanvasKitToolbarActionState | null;
+    runAction(input: {
+        actionId: string;
+        context: CanvasActionContext;
+        value?: CanvasActionValue;
+    }): void;
+}
+export interface CanvasKitGridControls {
+    isVisible: boolean;
+    setIsVisible(isVisible: boolean): void;
+}
+export interface CanvasKitPersistenceControls {
+    discardUnsupportedRecords: (() => Promise<void>) | null;
+    isDiscardingUnsupportedRecords: boolean;
+    status: ProductPersistenceStatus | null;
+}
+export interface CanvasKitChromeContext<TController extends CanvasKitBaseController = CanvasKitController> {
+    controller: TController;
+    contextMenu: CanvasKitContextMenuState;
+    currentPageId: string;
+    currentPageShapeIds: readonly ShapeId[];
+    history: HistoryControls;
+    layers: readonly BuiltInCanvasLayerNode[];
+    pages: PageControls;
+    selection: EditorSelectionState;
+    selectedShapeIds: readonly ShapeId[];
+    persistence: CanvasKitPersistenceControls;
+    svgExport: SvgExportControls;
+    toolbarRuntime: CanvasKitToolbarRuntime;
+    toolbarSurfaces: ToolbarSurfaces;
+    grid: CanvasKitGridControls;
+    zoom: ZoomControlsState;
+}
+export interface CanvasKitContextMenuState {
+    activeContextMenu: ActiveContextMenu | null;
+    onActiveContextMenuChange: (activeContextMenu: ActiveContextMenu | null) => void;
+    runAction(input: {
+        actionId: string;
+        context: NonNullable<ContextMenuSurface["context"]>;
+        value?: CanvasActionValue;
+    }): void;
+    surface: ContextMenuSurface;
+}