@yuzhouu/canvas-kit 0.1.8 → 0.1.10

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

@@ -3,7 +3,6 @@ import type { RichTextDocument } from "../textTypes";
 export interface RichTextRenderLinkHandlers {
     onPointerEnter?(input: {
         href: string;
-        path: readonly number[];
         element: HTMLSpanElement;
     }): void;
     onPointerLeave?(): void;

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

@@ -0,0 +1,16 @@
+import { type Editor as LandEditor } from "../../canvas-core/index";
+import type { Editor as TiptapEditor } from "@tiptap/core";
+import type { TextFormattingApi, TextFormattingSnapshot } from "../textFormatting";
+import type { TextFontCatalog } from "../textFonts";
+import type { TextShapeRecord } from "../textTypes";
+export declare function createTextFormattingApi({ editor, fontCatalog, landEditor, shapeId, }: {
+    editor: TiptapEditor;
+    fontCatalog: TextFontCatalog;
+    landEditor: LandEditor;
+    shapeId: TextShapeRecord["id"];
+}): TextFormattingApi;
+export declare function getTextFormattingSnapshot({ editor, fontCatalog, shape, }: {
+    editor: TiptapEditor;
+    fontCatalog: TextFontCatalog;
+    shape: TextShapeRecord;
+}): TextFormattingSnapshot;

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

@@ -2,8 +2,10 @@ import { type ReactNode } from "react";
 import type { Editor } from "../../canvas-core/index";
 import type { TextShapeRecord } from "../textTypes";
 import type { TextFontCatalog } from "../textFonts";
+import type { TextTiptapEditorChangeHandler } from "../textFormatting";
 export interface TextShapeRendererRuntime {
+    hasEditingSession: boolean;
     isEditingThisShape: boolean;
     editingHost: ReactNode;
 }
-export declare function useTextShapeRendererRuntime(editor: Editor, shape: TextShapeRecord, fontCatalog: TextFontCatalog): TextShapeRendererRuntime;
+export declare function useTextShapeRendererRuntime(editor: Editor, shape: TextShapeRecord, fontCatalog: TextFontCatalog, formattingToolbar?: boolean, onTiptapEditorChange?: TextTiptapEditorChangeHandler): TextShapeRendererRuntime;

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

@@ -2,12 +2,14 @@ import type { Editor as TiptapEditor } from "@tiptap/react";
 import { type Editor, type ShapeId } from "../../canvas-core/index";
 import type { RichTextDocument, TextShapeRecord } from "../textTypes";
 import type { TextFontCatalog } from "../textFonts";
+import type { TextFormattingApi } from "../textFormatting";
 export interface TiptapTextSelectionSnapshot {
     type: string | null;
     text: string | null;
 }
 export interface TiptapTextEditorController {
     readonly shapeId: ShapeId;
+    readonly formatting: TextFormattingApi;
     getValue(): RichTextDocument;
     setValue(value: RichTextDocument): void;
     isDestroyed(): boolean;
@@ -28,8 +30,9 @@ export interface TiptapTextEditorController {
     } | undefined;
     onCompositionStateChange(listener: (isComposing: boolean) => void): () => void;
 }
-export declare function createTiptapTextEditorController({ shapeId, editor, fontCatalog, }: {
+export declare function createTiptapTextEditorController({ shapeId, editor, fontCatalog, landEditor, }: {
     shapeId: ShapeId;
     editor: TiptapEditor;
     fontCatalog: TextFontCatalog;
+    landEditor: Editor;
 }): TiptapTextEditorController;

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

@@ -1,8 +1,11 @@
-export { Text, createTextFeatureBundle } from "./feature";
-export { createTextEditorRuntimePlugin } from "./editorRuntime";
+export { Text, createTextPlugin } from "./feature";
+export { createTextEditorPlugin, createTextProductContribution } from "./editorRuntime";
 export { createTextCanvasRenderPlugin } from "./canvasRender";
-export { DEFAULT_TEXT_FONT, HOST_TEXT_FONT, createDefaultTextFontCatalog, createDefaultTextExtensionOptions, } from "./textFonts";
+export { DEFAULT_TEXT_FONT, HOST_TEXT_FONT, createDefaultTextFontCatalog, createDefaultTextPluginOptions, } from "./textFonts";
 export { createRichTextFromPlainText, getPlainTextFromRichText, validateRichTextDocument, } from "./richTextUtils";
 export { isTextShapeRecord, updateTextShapeRichText, } from "./textShapeHelpers";
-export type { TextExtensionOptions, TextFontDefinition, TextFontFaceSource, TextFontSource, TextStylesheetFontSource, TextSystemFontSource, } from "./textFonts";
+export { TextLinkPopoverPresenterProvider, } from "./textLinkPopoverPresentation";
+export type { TextLinkPopoverPresenter, TextLinkPopoverPresenterProps, } from "./textLinkPopoverPresentation";
+export type { TextPluginOptions, TextFontDefinition, TextFontFaceSource, TextFontSource, TextStylesheetFontSource, TextSystemFontSource, } from "./textFonts";
 export type { RichTextDocument, TextShapeAlign, TextShapeFont, TextShapeProps, TextShapeRecord, TextShapeSize, } from "./textTypes";
+export type { TextFormattingApi, TextFormattingMixed, TextFormattingSnapshot, TextFormattingTarget, TextFormattingValue, TextInlineFormat, TextTiptapEditorChangeHandler, TextTiptapEditorHandle, } from "./textFormatting";

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

@@ -4,9 +4,14 @@ export type RichTextTextNode = JSONContent & {
     type: "text";
     text: string;
 };
+export type RichTextBlockTextAlign = "left" | "center" | "right";
 export interface RichTextMarkStyle {
+    color?: string;
+    fontFamily?: string;
+    fontSize?: string;
     fontWeight?: number;
     fontStyle?: "italic";
+    lineHeight?: string;
     textDecorationLine?: string;
 }
 export declare function createRichTextFromPlainText(text: string): RichTextDocument;
@@ -15,5 +20,6 @@ export declare function validateRichTextDocument(value: unknown): RichTextDocume
 export declare function renderRichTextDocumentToHtml(richText: RichTextDocument): string;
 export declare function isRichTextTextNode(node: JSONContent): node is RichTextTextNode;
 export declare function getRichTextTextNodeStyle(node: RichTextTextNode): string | undefined;
+export declare function getRichTextBlockTextAlign(node: JSONContent): RichTextBlockTextAlign | undefined;
 export declare function getRichTextMarkStyle(marks: JSONContent["marks"]): RichTextMarkStyle | undefined;
 export declare function getRichTextLinkHref(marks: JSONContent["marks"]): string | undefined;

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

@@ -0,0 +1,8 @@
+import type { RichTextDocument } from "./textTypes";
+export type ShapeWideTextInlineFormat = "bold" | "italic" | "strike" | "underline";
+export type ShapeWideTextStyleProperty = "color" | "font" | "size" | "textAlign";
+export type ShapeWideTextFormatState = boolean | "mixed";
+export declare function getShapeWideTextFormatState(richText: RichTextDocument, format: ShapeWideTextInlineFormat): ShapeWideTextFormatState;
+export declare function setShapeWideTextFormat(richText: RichTextDocument, format: ShapeWideTextInlineFormat, enabled: boolean): RichTextDocument;
+export declare function clearShapeWideTextStyleOverride(richText: RichTextDocument, property: ShapeWideTextStyleProperty): RichTextDocument;
+export declare function clearShapeWideTextFormatting(richText: RichTextDocument): RichTextDocument;

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

@@ -1,4 +1,5 @@
 import type { TextShapeFont } from "./textTypes";
+import type { TextTiptapEditorChangeHandler } from "./textFormatting";
 export declare const DEFAULT_TEXT_FONT: "default";
 export declare const DEFAULT_TEXT_FONT_LABEL = "Default";
 export interface TextSystemFontSource {
@@ -32,15 +33,17 @@ export interface TextFontCatalog {
     readonly fontOptions: readonly TextFontDefinition[];
     readonly fontsById: ReadonlyMap<TextShapeFont, TextFontDefinition>;
 }
-export type TextExtensionOptions = {
+export type TextPluginOptions = {
     defaultFont: TextFontDefinition;
     defaultFontLabel: string;
     fonts: readonly TextFontDefinition[];
+    formattingToolbar?: boolean;
+    onTiptapEditorChange?: TextTiptapEditorChangeHandler;
 };
 export declare const HOST_TEXT_FONT: TextFontDefinition;
-export declare function createDefaultTextExtensionOptions(): TextExtensionOptions;
+export declare function createDefaultTextPluginOptions(): TextPluginOptions;
 export declare function createDefaultTextFontCatalog(): TextFontCatalog;
-export declare function createTextFontCatalog(options: Readonly<TextExtensionOptions>): TextFontCatalog;
+export declare function createTextFontCatalog(options: Readonly<TextPluginOptions>): TextFontCatalog;
 export declare function isUsableFontId(value: unknown): value is TextShapeFont;
 export declare function isTextFontInCatalog(fontCatalog: TextFontCatalog, font: unknown): font is TextShapeFont;
 export declare function resolveTextFont(fontCatalog: TextFontCatalog, font: TextShapeFont): TextFontDefinition;

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

@@ -0,0 +1,45 @@
+import type { ShapeId } from "../canvas-core/index";
+import type { Editor as TiptapEditor } from "@tiptap/core";
+import type { TextShapeAlign, TextShapeFont, TextShapeSize } from "./textTypes";
+export type TextFormattingMixed = "mixed";
+export type TextFormattingValue<T> = T | TextFormattingMixed | null;
+export type TextFormattingTarget = "selection" | "shape";
+export type TextInlineFormat = "bold" | "italic" | "strike" | "underline";
+export interface TextFormattingSnapshot {
+    shapeId: ShapeId;
+    target: TextFormattingTarget;
+    bold: boolean | TextFormattingMixed;
+    italic: boolean | TextFormattingMixed;
+    strike: boolean | TextFormattingMixed;
+    underline: boolean | TextFormattingMixed;
+    color: TextFormattingValue<string>;
+    font: TextFormattingValue<TextShapeFont>;
+    size: TextFormattingValue<TextShapeSize>;
+    textAlign: TextFormattingValue<TextShapeAlign>;
+    linkHref: TextFormattingValue<string>;
+    canSetLink: boolean;
+}
+export interface TextFormattingApi {
+    readonly shapeId: ShapeId;
+    getSnapshot(): TextFormattingSnapshot | null;
+    subscribe(listener: () => void): () => void;
+    focus(): void;
+    toggle(format: TextInlineFormat): boolean;
+    setColor(color: string | null): boolean;
+    setFont(font: TextShapeFont | null): boolean;
+    setSize(size: TextShapeSize | null): boolean;
+    setTextAlign(align: TextShapeAlign): boolean;
+    setLink(href: string | null): boolean;
+    clearFormatting(): boolean;
+    /**
+     * Escape hatch for extensions that need native Tiptap commands. Prefer the
+     * semantic methods above so shape defaults, sanitization, and rendering stay
+     * synchronized.
+     */
+    getUnsafeTiptapEditor(): TiptapEditor | null;
+}
+export interface TextTiptapEditorHandle {
+    readonly shapeId: ShapeId;
+    readonly formatting: TextFormattingApi;
+}
+export type TextTiptapEditorChangeHandler = (handle: TextTiptapEditorHandle | null) => void;

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

@@ -0,0 +1,6 @@
+import type { Editor } from "../canvas-core/index";
+import type { TextFormattingApi, TextFormattingSnapshot } from "./textFormatting";
+export declare function activateTextFormattingSession(editor: Editor, api: TextFormattingApi): () => void;
+export declare function getActiveTextFormattingApi(editor: Editor): TextFormattingApi | null;
+export declare function getActiveTextFormattingSnapshot(editor: Editor): TextFormattingSnapshot | null;
+export declare function subscribeToTextFormattingSession(editor: Editor, listener: () => void): () => void;

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

@@ -1,4 +1,4 @@
-import type { Editor, ShapeId, ShapeRecord } from "../canvas-core/index";
+import { type Editor, type ShapeId, type ShapeParentId, type ShapeRecord, type ShapeTransformFields } from "../canvas-core/index";
 import type { TextShapeProps, TextShapeRecord } from "./textTypes";
 export declare const ARROW_LABEL_BINDING_TYPE = "arrow-label";
 export declare const GEO_LABEL_BINDING_TYPE = "geo-label";
@@ -7,7 +7,8 @@ export interface TextLabelBehavior {
     selectionTarget: "label" | "owner";
     translateTarget: "label" | "owner";
     contributesToSelectionFrame: boolean;
-    canUseSelectionFrameHandles: boolean;
+    canUseSelectionResizeHandles: boolean;
+    canUseSelectionRotateHandle: boolean;
     canPlaceCaretWhenOwnerSelected: boolean;
     showsCompanionFrameWhenOwnerSelected: boolean;
 }
@@ -27,14 +28,18 @@ export interface TextLabelCreateOptions {
     };
     bindingProps?: Record<string, unknown>;
 }
+export type TextLabelPageLayout = TextLabelCreateOptions["layout"];
+export declare function getTextLabelOwnerPageRotation(editor: Editor, owner: ShapeRecord): number;
+export declare function getTextLabelParentLocalTransform(editor: Editor, label: TextShapeRecord, targetParentId: ShapeParentId, pageLayout: TextLabelPageLayout): ShapeTransformFields | null;
 export declare function getTextLabelShapeForOwner(editor: Editor, ownerId: ShapeId, bindingType: TextLabelBindingType): TextShapeRecord | null;
-export declare function createBoundTextLabelShape(editor: Editor, options: TextLabelCreateOptions): TextShapeRecord;
+export declare function createBoundTextLabelShape(editor: Editor, options: TextLabelCreateOptions): TextShapeRecord | null;
 export declare function getTextLabelTargetInfo(editor: Editor, shapeId: ShapeId): TextLabelTargetInfo | null;
 export declare function getTextLabelBehavior(bindingType: TextLabelBindingType): TextLabelBehavior;
 export declare function getTextLabelSelectionTargetId(editor: Editor, shapeId: ShapeId): ShapeId | null;
 export declare function getTextLabelTranslateTargetId(editor: Editor, shapeId: ShapeId): ShapeId | null;
 export declare function textLabelContributesToSelectionFrame(editor: Editor, shapeId: ShapeId): boolean | null;
-export declare function textLabelCanUseSelectionFrameHandles(editor: Editor, shapeId: ShapeId): boolean | null;
+export declare function textLabelCanUseSelectionResizeHandles(editor: Editor, shapeId: ShapeId): boolean | null;
+export declare function textLabelCanUseSelectionRotateHandle(editor: Editor, shapeId: ShapeId): boolean | null;
 export declare function textLabelShowsCompanionFrameWhenOwnerSelected(editor: Editor, shapeId: ShapeId): boolean | null;
 export declare function canPlaceCaretInTextShapeFromSelection(editor: Editor, shapeId: ShapeId): boolean;
 export declare function startEditingTextLabel(editor: Editor, label: TextShapeRecord, options: {

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

@@ -0,0 +1,18 @@
+import { type ComponentType, type ReactNode } from "react";
+export interface TextLinkPopoverPresenterProps {
+    anchorElement: HTMLElement;
+    href: string;
+    onOpen(): void;
+    onPopoverPointerEnter(): void;
+    onPopoverPointerLeave(): void;
+}
+export type TextLinkPopoverPresenter = ComponentType<TextLinkPopoverPresenterProps>;
+export declare function TextLinkPopoverPresenterProvider({ children, presenter, }: {
+    children: ReactNode;
+    presenter: TextLinkPopoverPresenter | null;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useTextLinkPopoverPresenter(): TextLinkPopoverPresenter | null;
+export declare function shouldShowTextLinkPopover({ isEditing, isOnlySelected, }: {
+    isEditing: boolean;
+    isOnlySelected: boolean;
+}): boolean;

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

@@ -7,6 +7,7 @@ export interface CreateTextShapeInput {
     parentId?: ShapeParentId;
     index?: string;
     rotation?: number;
+    skewX?: number;
     scaleX?: number;
     scaleY?: number;
     meta?: Record<string, unknown>;

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

@@ -1,20 +1,21 @@
-import { Box, ShapeUtil, type ShapeId, type ShapeEditEndResult, type ShapeSelectionFrameInput, type ShapeSelectionResizeAspectRatioLockInput, type ShapeSelectionResizeInput, type ShapeSelectionTranslateInput, type ShapeUpdate } from "../canvas-core/index";
+import { Box, ShapeUtil, type ShapeId, type ShapeEditEndResult, type ShapeSelectionFrameInput, type ShapeSelectionResizeInput, type ShapeSelectionResizeModesInput, type ShapeSelectionTranslateInput, type ShapeUpdate } from "../canvas-core/index";
 import { type TextShapeProps, type TextShapeRecord } from "./textTypes";
 export declare class TextShapeUtil extends ShapeUtil<TextShapeRecord> {
     readonly type: "text";
     getDefaultProps(): TextShapeProps;
     validateProps(props: unknown): TextShapeProps;
-    getBounds(shape: TextShapeRecord): Box;
+    getPositionedBounds(shape: TextShapeRecord): Box;
     getLocalBounds(shape: TextShapeRecord): Box;
     getRenderBounds(shape: TextShapeRecord): Box;
     getExportBounds(shape: TextShapeRecord): Box;
     canReceiveTerminalBinding(_shape: TextShapeRecord): boolean;
     canEdit(_shape: TextShapeRecord): boolean;
     contributesToSelectionFrame(shape: TextShapeRecord, input: ShapeSelectionFrameInput): boolean;
-    canUseSelectionFrameHandles(shape: TextShapeRecord, input: ShapeSelectionFrameInput): boolean;
+    canUseSelectionResizeHandles(shape: TextShapeRecord, input: ShapeSelectionFrameInput): boolean;
+    canUseSelectionRotateHandle(shape: TextShapeRecord, input: ShapeSelectionFrameInput): boolean;
     getSelectionTargetId(shape: TextShapeRecord, input: ShapeSelectionFrameInput): ShapeId;
     getTranslateTargetId(shape: TextShapeRecord, input: ShapeSelectionTranslateInput): ShapeId;
     resizeSelectionBounds(shape: TextShapeRecord, input: ShapeSelectionResizeInput): ShapeUpdate;
-    getSelectionResizeAspectRatioLock(_shape: TextShapeRecord, input: ShapeSelectionResizeAspectRatioLockInput): boolean | null;
+    getAllowedSelectionResizeModes(_shape: TextShapeRecord, input: ShapeSelectionResizeModesInput): readonly ["free"] | readonly ["aspect_ratio_locked"];
     onEditEnd(shape: TextShapeRecord): ShapeEditEndResult | void;
 }

package/_vendor/signals/effect.d.ts

@@ -23,7 +23,3 @@ export declare class EffectScheduler {
  * Returns a cleanup function to stop the effect.
  */
 export declare function effect(name: string, fn: () => void, opts?: EffectSchedulerOptions): () => void;
-/**
- * Alias: react() — same as effect()
- */
-export declare function react(name: string, fn: () => void, opts?: EffectSchedulerOptions): () => void;

package/_vendor/signals/index.d.ts

@@ -2,7 +2,7 @@ export { atom, isAtom } from "./atom";
 export type { Atom } from "./atom";
 export { computed, isComputed, UNINITIALIZED } from "./computed";
 export type { Computed } from "./computed";
-export { effect, react, EffectScheduler } from "./effect";
+export { effect, EffectScheduler } from "./effect";
 export type { EffectSchedulerOptions } from "./effect";
 export { transact, getGlobalEpoch } from "./core";
 export { RESET_VALUE } from "./types";

package/_vendor/store/store.d.ts

@@ -4,6 +4,7 @@ type StoreListener<TRecord extends StoreRecord> = (change: StoreChange<TRecord>)
 type ScopedRecord<TRecord extends StoreRecord> = Extract<TRecord, ScopedStoreRecord>;
 export declare class Store<TRecord extends StoreRecord = StoreRecord> {
     readonly recordsSignal: Atom<Map<string, TRecord>>;
+    private readonly draftRevisionSignal;
     private readonly recordSignals;
     private readonly listeners;
     private transactionDepth;
@@ -22,11 +23,14 @@ export declare class Store<TRecord extends StoreRecord = StoreRecord> {
     }>>;
     listen(listener: StoreListener<TRecord>): () => void;
     atomic(fn: () => void, source?: ChangeSource): void;
+    private runAtomic;
     put(records: TRecord[], source?: ChangeSource): void;
     remove(ids: string[], source?: ChangeSource): void;
     replaceAll(records: TRecord[], source?: ChangeSource): void;
     applyDiff<TChangeRecord extends TRecord>(diff: RecordsDiff<TChangeRecord>, source?: ChangeSource): void;
     private getMutableRecords;
     private getReadableRecords;
+    private bumpDraftRevision;
+    private notifyListeners;
 }
 export {};

package/browser/persistence.d.ts

@@ -1,6 +1,5 @@
-import type { Editor, StoreSnapshot } from "../_vendor/canvas-core/index";
-import type { ProductPersistenceAdapter } from "../core/runtime/productDefinition";
-import { type PersistedEditorSnapshots } from "./localSnapshotRestore";
+import type { Editor } from "../_vendor/canvas-core/index";
+import type { ProductPersistenceAdapter, ProductPersistenceLoadResult } from "../core/runtime/runtimeContracts";
 import { LAND_DOCUMENT_INDEXEDDB_NAME, LAND_DOCUMENT_INDEXEDDB_STORE, LAND_DOCUMENT_INDEXEDDB_VERSION, LAND_IMAGE_BLOB_INDEXEDDB_STORE } from "./indexedDb";
 export declare const LAND_DOCUMENT_STORAGE_KEY = "land.canvas.document";
 export declare const LAND_SESSION_STORAGE_KEY = "land.canvas.session";
@@ -12,19 +11,13 @@ export declare function createLocalSnapshotPersistence(options?: LocalSnapshotPe
 export declare class PersistenceManager {
     private readonly editor;
     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, { getDocumentSnapshot, options, }?: {
-        getDocumentSnapshot?: () => StoreSnapshot<{
-            id: string;
-        }>;
-        options?: LocalSnapshotPersistenceOptions;
-    });
+    constructor(editor: Editor, options?: LocalSnapshotPersistenceOptions);
     start(): void;
     stop(): void;
     flush(): void;
@@ -34,11 +27,7 @@ export declare class PersistenceManager {
     private readonly flushWhenHidden;
     private readonly flushWhenPageIsLeaving;
 }
-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 persistEditorSnapshot(editor: Editor, options?: LocalSnapshotPersistenceOptions): Promise<void>;
+export declare function readPersistedEditorSnapshots(options?: LocalSnapshotPersistenceOptions): Promise<ProductPersistenceLoadResult>;
 export declare function readPersistedDocumentSnapshot(): Promise<unknown | null>;
 export declare function readPersistedSessionSnapshot(): Promise<unknown | null>;

package/builtins/controller/createBuiltInCanvasController.d.ts

@@ -2,11 +2,13 @@ import type { ShapeId } from "../../_vendor/canvas-core/index";
 import type { CanvasProductController, CanvasProductControllerSnapshot, CanvasProductControllerOptions, CanvasProductSessionSnapshot } from "../../core/product-controller";
 import { type BuiltInCanvasShapeCreationControllers } from "./shapeCreationController";
 import { type BuiltInCanvasLayerNode } from "./layerController";
+import { type PackagingController } from "./packagingController";
 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 {
+    packaging: PackagingController | null;
     snapshot(): BuiltInCanvasControllerSnapshot<TToolId>;
     getLayerTree(pageId?: string): BuiltInCanvasLayerNode[];
     getLayerNode(id: ShapeId): BuiltInCanvasLayerNode | null;

package/builtins/controller/packagingController.d.ts

@@ -0,0 +1,71 @@
+import { type Editor, type PageId, type ShapeColor, type ShapeId } from "../../_vendor/canvas-core/index";
+import { type PackagingDocument, type PackagingDxfImportOptions, type PackagingPdfExportOptions, type PackagingPdfExportResult, type PackagingSurfaceSide } from "../../_vendor/plugin-packaging/index";
+import type { CanvasProductShapeRef } from "../../core/product-controller";
+export interface CanvasKitPackagingInput {
+    x: number;
+    y: number;
+    document: PackagingDocument;
+    viewSide?: PackagingSurfaceSide;
+    faceFill?: ShapeColor;
+    faceFillOverrides?: Record<string, ShapeColor>;
+    showBleed?: boolean;
+    clipToBleed?: boolean;
+    dielineOnTop?: boolean;
+    showSafeZones?: boolean;
+    showCanvasBoundsMarks?: boolean;
+    meta?: Record<string, unknown>;
+}
+export interface CanvasKitPackagingDxfImportInput {
+    source: string;
+    fileName?: string;
+    pagePoint?: {
+        x: number;
+        y: number;
+    };
+    options?: Omit<PackagingDxfImportOptions, "fileName">;
+}
+export interface PackagingController {
+    create(input: CanvasKitPackagingInput): CanvasProductShapeRef | null;
+    importDxf(input: CanvasKitPackagingDxfImportInput): CanvasProductShapeRef | null;
+    updateDocument(input: {
+        packagingId: ShapeId;
+        document: PackagingDocument;
+        expectedRevision?: string;
+    }): CanvasProductShapeRef | null;
+    getDocument(packagingId: ShapeId): PackagingDocument | null;
+    exportPdf(input: {
+        packagingId: ShapeId;
+        options?: PackagingPdfExportOptions;
+    }): Promise<PackagingPdfExportResult | null>;
+    attachShapes(input: {
+        packagingId: ShapeId;
+        shapeIds: ShapeId[];
+    }): ShapeId[];
+    detachShapes(input: {
+        packagingId: ShapeId;
+        shapeIds: ShapeId[];
+        destinationPageId?: PageId;
+    }): ShapeId[];
+    hitTestFace(input: {
+        packagingId: ShapeId;
+        pagePoint: {
+            x: number;
+            y: number;
+        };
+    }): {
+        faceId: string;
+        localPoint: {
+            x: number;
+            y: number;
+        };
+        faceUv: {
+            x: number;
+            y: number;
+        } | null;
+    } | null;
+    getCoveredFaces(input: {
+        packagingId: ShapeId;
+        shapeId: ShapeId;
+    }): string[];
+}
+export declare function createPackagingController(editor: Editor): PackagingController;

package/builtins/index.d.ts

@@ -1,5 +1,7 @@
-export { builtInCanvasExtensions, createBuiltInCanvasExtensions, hasBuiltInCanvasExtension, } from "./extensions";
-export type { BuiltInCanvasExtension, BuiltInCanvasExtensionOptions, } from "./extensions";
+export { builtInCanvasPlugins, createBuiltInCanvasPlugins, } from "./plugins";
+export type { BuiltInCanvasPlugin, BuiltInCanvasPluginOptions, } from "./plugins";
 export { createBuiltInCanvasController, useBuiltInCanvasController, } from "./controller/createBuiltInCanvasController";
 export type { BuiltInCanvasController, BuiltInCanvasControllerSnapshot, BuiltInCanvasLayerNode, } from "./controller/createBuiltInCanvasController";
 export type { BuiltInArrowController, BuiltInCanvasArrowBindingInput, BuiltInCanvasArrowInput, BuiltInCanvasFrameInput, BuiltInCanvasRectangleInput, BuiltInCanvasShapeCreationControllers, BuiltInCanvasShapeInput, BuiltInCanvasTextInput, BuiltInFrameController, BuiltInGeoController, BuiltInTextController, } from "./controller/shapeCreationController";
+export { createPackagingController } from "./controller/packagingController";
+export type { CanvasKitPackagingDxfImportInput, CanvasKitPackagingInput, PackagingController, } from "./controller/packagingController";

package/builtins/plugins.d.ts

@@ -0,0 +1,16 @@
+import { type TextPluginOptions } from "../_vendor/plugin-text/index";
+export interface BuiltInCanvasPluginOptions {
+    arrow?: boolean;
+    draw?: boolean;
+    eraser?: boolean;
+    frame?: boolean;
+    geo?: boolean;
+    group?: boolean;
+    image?: boolean;
+    laser?: boolean;
+    path?: boolean;
+    text?: boolean | Partial<TextPluginOptions>;
+}
+export declare const builtInCanvasPlugins: readonly [import("../_vendor/canvas-plugin-sdk/index").CanvasPlugin<typeof import("../_vendor/plugin-geo/index").createGeoProductContribution>, import("../_vendor/canvas-plugin-sdk/index").CanvasPlugin<typeof import("../_vendor/plugin-draw/index").createDrawProductContribution>, import("../_vendor/canvas-plugin-sdk/index").CanvasPlugin<typeof import("../_vendor/plugin-arrow/index").createArrowProductContribution>, import("../_vendor/canvas-plugin-sdk/index").CanvasPlugin<typeof import("../_vendor/plugin-eraser/index").createEraserProductContribution>, import("../_vendor/canvas-plugin-sdk/index").CanvasPlugin<typeof import("../_vendor/plugin-laser/index").createLaserProductContribution>, import("../_vendor/canvas-plugin-sdk/index").CanvasPlugin<typeof import("../_vendor/plugin-path/index").createPathProductContribution>, import("../_vendor/canvas-plugin-sdk/index").CanvasPlugin<typeof import("../_vendor/plugin-image/index").createImageProductContribution>, import("../_vendor/canvas-plugin-sdk/index").CanvasPlugin<import("../_vendor/canvas-plugin-sdk/index").CanvasProductFactory>, import("../_vendor/canvas-plugin-sdk/index").CanvasPlugin<typeof import("../_vendor/plugin-frame/index").createFrameProductContribution>, import("../_vendor/canvas-plugin-sdk/index").CanvasPlugin<typeof import("../_vendor/plugin-group/index").createGroupProductContribution>];
+export type BuiltInCanvasPlugin = (typeof builtInCanvasPlugins)[number];
+export declare function createBuiltInCanvasPlugins(options?: BuiltInCanvasPluginOptions): readonly BuiltInCanvasPlugin[];

package/chrome/floating/CanvasKitFloatingPortal.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from "react";
+export declare function CanvasKitFloatingPortalProvider({ children, }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CanvasKitFloatingPortalHost(): import("react/jsx-runtime").JSX.Element;
+export declare function useCanvasKitFloatingPortalTarget(): HTMLDivElement | null;

package/chrome/floating/useCanvasKitFloatingPosition.d.ts

@@ -0,0 +1,11 @@
+import { type RefObject } from "react";
+import { type Placement, type ReferenceElement } from "@floating-ui/dom";
+import { type Editor } from "../../_vendor/canvas-core/index";
+export declare function useCanvasKitFloatingPosition({ editor, fallbackPlacements, floatingRef, getReferenceElement, offset, placement, }: {
+    editor: Editor;
+    fallbackPlacements: readonly Placement[];
+    floatingRef: RefObject<HTMLElement | null>;
+    getReferenceElement(): ReferenceElement | null;
+    offset: number;
+    placement: Placement;
+}): void;

package/chrome/toolbar/CanvasKitFloatingToolbarLayer.d.ts

@@ -3,4 +3,4 @@ export declare function CanvasKitFloatingToolbarLayer({ children, className, dat
     children: ReactNode;
     className?: string;
     dataUi?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").ReactPortal | null;

package/chrome/toolbar/toolbarLabels.d.ts

@@ -1,4 +1,4 @@
-import { type ToolbarGroup } from "../../_vendor/canvas-core/index";
+import { type ToolbarGroup } from "../../_vendor/canvas-plugin-sdk/index";
 export declare function getActiveToolLabel(groups: readonly ToolbarGroup[], activeToolId: string): string;
 export declare function getSelectionToolbarTitle({ commonShapeType, count, isMixedFrameAndPointHandleSelection, singleShapeType, }: {
     commonShapeType: string | null;

package/chrome/toolbar/useToolbarSurfaces.d.ts

@@ -1,9 +1,5 @@
-import type { Editor, CanvasActionContext, ToolbarGroup } from "../../_vendor/canvas-core/index";
-import type { CanvasRenderPluginHostRuntime } from "../../_vendor/canvas-react/host/index";
-export interface FloatingSelectionToolbarPageAnchor {
-    x: number;
-    y: number;
-}
+import { type CanvasActionContext, type CanvasToolbarRegistry, type ToolbarGroup } from "../../_vendor/canvas-plugin-sdk/index";
+import { type Editor } from "../../_vendor/canvas-core/index";
 export interface ToolbarSurfaces {
     context: CanvasActionContext;
     activeToolId: string;
@@ -12,15 +8,15 @@ export interface ToolbarSurfaces {
     selectionCount: number;
     hasMixedSelectionRotation: boolean;
     toolChromeToolbarGroups: readonly ToolbarGroup[];
+    toolFloatingToolbarGroups: readonly ToolbarGroup[];
     contextToolbarGroups: readonly ToolbarGroup[];
     floatingSelectionToolbarGroups: readonly ToolbarGroup[];
-    floatingSelectionToolbarPageAnchor: FloatingSelectionToolbarPageAnchor | null;
     contextToolbarTitle: string;
     showContextToolbar: boolean;
-    showFloatingSelectionToolbar: boolean;
+    canShowFloatingSelectionToolbar: boolean;
 }
-export declare function useToolbarSurfaces({ canShowContextToolbarDuringEditing, editor, pluginHostRuntime, }: {
+export declare function useToolbarSurfaces({ canShowContextToolbarDuringEditing, editor, toolbarRegistry, }: {
     canShowContextToolbarDuringEditing?: (context: CanvasActionContext) => boolean;
     editor: Editor;
-    pluginHostRuntime: CanvasRenderPluginHostRuntime;
+    toolbarRegistry: CanvasToolbarRegistry;
 }): ToolbarSurfaces;

package/chrome/types.d.ts

@@ -1,14 +1,15 @@
+import { type ActiveContextMenu, type CanvasActionContext, type CanvasActionValue } from "../_vendor/canvas-plugin-sdk/index";
 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 { EditorSelectionMetadata, ShapeId } from "../_vendor/canvas-core/index";
 import type { HistoryControls } from "./useHistoryControls";
 import type { PageControls } from "./usePageControls";
 import type { ZoomControlsState } from "./useZoomControls";
 import type { ContextMenuSurface } from "./useContextMenuSurface";
 import type { SvgExportControls } from "./useSvgExport";
 import type { ToolbarSurfaces } from "./toolbar/useToolbarSurfaces";
-import type { ProductPersistenceStatus } from "../core";
-export type { ContextMenuCommandItem, ContextMenuItem, ContextMenuSection, EditorSelectionState, ShapeId, CanvasActionValue, CanvasActionContext, ToolbarGroup, ToolbarItem, } from "../_vendor/canvas-core/index";
+export type { EditorSelectionMetadata, EditorSelectionState, ShapeId, } from "../_vendor/canvas-core/index";
+export type { CanvasActionContext, CanvasActionValue, ContextMenuCommandItem, ContextMenuItem, ContextMenuSection, ToolbarGroup, ToolbarItem, } from "../_vendor/canvas-plugin-sdk/index";
 export type { HistoryControls } from "./useHistoryControls";
 export type { PageControls } from "./usePageControls";
 export type { ZoomControlsState } from "./useZoomControls";
@@ -36,11 +37,6 @@ export interface CanvasKitGridControls {
     isVisible: boolean;
     setIsVisible(isVisible: boolean): void;
 }
-export interface CanvasKitPersistenceControls {
-    discardUnsupportedRecords: (() => Promise<void>) | null;
-    isDiscardingUnsupportedRecords: boolean;
-    status: ProductPersistenceStatus | null;
-}
 export interface CanvasKitLayerTreeSource {
     getSnapshot(pageId?: string): readonly BuiltInCanvasLayerNode[];
     subscribe(onStoreChange: () => void): () => void;
@@ -53,9 +49,8 @@ export interface CanvasKitChromeContext<TController extends CanvasKitBaseControl
     history: HistoryControls;
     layerTree: CanvasKitLayerTreeSource;
     pages: PageControls;
-    selection: EditorSelectionState;
+    selection: EditorSelectionMetadata;
     selectedShapeIds: readonly ShapeId[];
-    persistence: CanvasKitPersistenceControls;
     svgExport: SvgExportControls;
     toolbarRuntime: CanvasKitToolbarRuntime;
     toolbarSurfaces: ToolbarSurfaces;