@yuzhouu/canvas-kit 0.1.13 → 0.1.14

package/_vendor/signals/computed.d.ts

@@ -1,11 +1,13 @@
-import { Signal } from "./types";
-declare const UNINITIALIZED: unique symbol;
-type UNINITIALIZED = typeof UNINITIALIZED;
-export { UNINITIALIZED };
+import type { SignalGraph } from "./core";
+import type { Signal } from "./types";
+declare const UNINITIALIZED_VALUE: unique symbol;
+export type UNINITIALIZED = typeof UNINITIALIZED_VALUE;
+export { UNINITIALIZED_VALUE as UNINITIALIZED };
+export interface ComputedOptions<T> {
+    isEqual?: (left: T, right: T) => boolean;
+}
 export interface Computed<T> extends Signal<T> {
     readonly isComputed: true;
 }
-export declare function computed<T>(name: string, derive: (prev: T | UNINITIALIZED) => T, opts?: {
-    isEqual?: (a: T, b: T) => boolean;
-}): Computed<T>;
-export declare function isComputed(value: any): value is Computed<any>;
+export declare function createComputed<T>(graph: SignalGraph, name: string, derive: (previous: T | UNINITIALIZED) => T, options?: ComputedOptions<T>): Computed<T>;
+export declare function isComputed(value: unknown): value is Computed<unknown>;

package/_vendor/signals/core.d.ts

@@ -1,18 +1,35 @@
-import { Child, Signal } from "./types";
-export declare function getGlobalEpoch(): number;
-export declare function advanceGlobalEpoch(): number;
-interface Transaction {
-    initialAtomValues: Map<_Atom<any>, any>;
+import { type Atom, type AtomOptions } from "./atom";
+import { type Computed, type ComputedOptions, type UNINITIALIZED } from "./computed";
+import { type EffectSchedulerOptions } from "./effect";
+import type { InternalSignal, ReactiveConsumer } from "./types";
+interface InternalAtom<T> extends InternalSignal<T> {
+    __unsafe__isEqual(left: T, right: T): boolean;
+    __unsafe__restore(value: T, lastChangedEpoch: number): void;
 }
-export declare function getCurrentTransaction(): Transaction | null;
-export declare function transact(fn: () => void): void;
-export declare function noteInitialValue(atom: _Atom<any>, previousValue: any): void;
-export declare function isComputingSignal(): boolean;
-export declare function startCapture(child: Child): void;
-export declare function stopCapture(): Set<Signal<any>>;
-export declare function maybeCaptureParent(parent: Signal<any>): void;
-export declare function atomDidChange(atom: _Atom<any>): void;
-interface _Atom<T> extends Signal<T> {
-    __unsafe__setWithoutNotify(value: T): void;
+export declare class SignalGraph {
+    private epoch;
+    private currentTransaction;
+    private captureStack;
+    readonly atom: <T>(name: string, initialValue: T, options?: AtomOptions<T>) => Atom<T>;
+    readonly computed: <T>(name: string, derive: (previous: T | UNINITIALIZED) => T, options?: ComputedOptions<T>) => Computed<T>;
+    readonly effect: (name: string, fn: () => void, options?: EffectSchedulerOptions) => (() => void);
+    readonly transact: (fn: () => void) => void;
+    getEpoch(): number;
+    isComputingSignal(): boolean;
+    /** @internal */
+    advanceEpoch(): number;
+    /** @internal */
+    noteInitialValue<T>(atom: InternalAtom<T>, previousValue: T, previousLastChangedEpoch: number): void;
+    /** @internal */
+    startCapture(consumer: ReactiveConsumer): void;
+    /** @internal */
+    stopCapture(): Set<InternalSignal<any>>;
+    /** @internal */
+    trackDependency(dependency: InternalSignal<any>): void;
+    /** @internal */
+    atomDidChange(atom: InternalAtom<any>): void;
+    private restoreInitialAtomSnapshots;
+    private flushChanges;
 }
+export declare function createSignalGraph(): SignalGraph;
 export {};

package/_vendor/signals/effect.d.ts

@@ -1,25 +1,5 @@
+import type { SignalGraph } from "./core";
 export interface EffectSchedulerOptions {
     scheduleEffect?: (execute: () => void) => void;
 }
-export declare class EffectScheduler {
-    readonly name: string;
-    private fn;
-    type: "effect";
-    private parents;
-    private parentEpochs;
-    private lastReactedEpoch;
-    private isActive;
-    private scheduleEffect?;
-    constructor(name: string, fn: () => void, opts?: EffectSchedulerOptions);
-    private selfAsChild;
-    attach(): void;
-    detach(): void;
-    maybeSchedule(): void;
-    execute(): void;
-    private haveParentsChanged;
-}
-/**
- * Create a reactive effect that re-runs whenever its dependencies change.
- * Returns a cleanup function to stop the effect.
- */
-export declare function effect(name: string, fn: () => void, opts?: EffectSchedulerOptions): () => void;
+export declare function createEffect(graph: SignalGraph, name: string, fn: () => void, options?: EffectSchedulerOptions): () => void;

package/_vendor/signals/index.d.ts

@@ -1,9 +1,8 @@
-export { atom, isAtom } from "./atom";
-export type { Atom } from "./atom";
-export { computed, isComputed, UNINITIALIZED } from "./computed";
-export type { Computed } from "./computed";
-export { effect, EffectScheduler } from "./effect";
+export { isAtom } from "./atom";
+export type { Atom, AtomOptions } from "./atom";
+export { isComputed, UNINITIALIZED } from "./computed";
+export type { Computed, ComputedOptions } from "./computed";
 export type { EffectSchedulerOptions } from "./effect";
-export { transact, getGlobalEpoch, isComputingSignal, } from "./core";
+export { createSignalGraph, SignalGraph } from "./core";
 export { RESET_VALUE } from "./types";
-export type { Signal, Child } from "./types";
+export type { Signal } from "./types";

package/_vendor/signals/types.d.ts

@@ -1,15 +1,22 @@
-/** A reactive signal that holds subscribers */
+import type { SignalGraph } from "./core";
+/** A readable node owned by one reactive graph. */
 export interface Signal<T> {
+    readonly graph: SignalGraph;
     readonly name: string;
     get(): T;
-    __unsafe__getWithoutCapture(): T;
+    peek(): T;
+}
+/** @internal */
+export interface InternalSignal<T> extends Signal<T> {
     lastChangedEpoch: number;
-    children: Set<Child>;
+    consumers: Set<ReactiveConsumer>;
 }
-export interface Child {
-    type: "computed" | "effect";
+export type ReactiveConsumer = {
+    type: "computed";
+    signal: InternalSignal<any>;
+} | {
+    type: "effect";
     notify(): void;
-    source?: Signal<any>;
-}
+};
 export declare const RESET_VALUE: unique symbol;
 export type RESET_VALUE = typeof RESET_VALUE;

package/_vendor/store/diff.d.ts

@@ -1,6 +1,6 @@
 import type { RecordsDiff, StoreRecord } from "./types";
 export declare function createEmptyRecordsDiff<TRecord extends StoreRecord>(): RecordsDiff<TRecord>;
-export declare function hasRecordsDiff<TRecord extends StoreRecord>(diff: RecordsDiff<TRecord>): boolean;
+export declare function isRecordsDiffEmpty<TRecord extends StoreRecord>(diff: RecordsDiff<TRecord>): boolean;
 export declare function getRecordMap<TRecord extends StoreRecord>(records: Map<string, TRecord> | Iterable<TRecord>): Map<string, TRecord>;
 export declare function getRecordsDiff<TRecord extends StoreRecord>(before: Map<string, TRecord> | Iterable<TRecord>, after: Map<string, TRecord> | Iterable<TRecord>): RecordsDiff<TRecord>;
 export declare function invertRecordsDiff<TRecord extends StoreRecord>(diff: RecordsDiff<TRecord>): RecordsDiff<TRecord>;

package/_vendor/store/history.d.ts

@@ -1,37 +1,22 @@
-import { type Signal } from "../signals/index";
 import type { RecordsDiff, StoreRecord } from "./types";
-export interface StoreHistoryMark<TRecord extends StoreRecord = StoreRecord> {
-    id: string;
-    forward: RecordsDiff<TRecord>;
-    parentIds: readonly string[];
-}
 export interface StoreHistoryEntry<TRecord extends StoreRecord = StoreRecord> {
     forward: RecordsDiff<TRecord>;
     inverse: RecordsDiff<TRecord>;
     label: string;
 }
-export interface StoreHistoryState {
-    canUndo: boolean;
-    canRedo: boolean;
-    undoDepth: number;
-    redoDepth: number;
-}
-export declare function createStoreHistoryMark<TRecord extends StoreRecord>(id: string, parentIds?: readonly string[]): StoreHistoryMark<TRecord>;
-export declare function appendStoreHistoryMark<TRecord extends StoreRecord, TNextRecord extends TRecord>(mark: StoreHistoryMark<TRecord>, diff: RecordsDiff<TNextRecord>): StoreHistoryMark<TRecord | TNextRecord>;
 export declare function createStoreHistoryEntry<TRecord extends StoreRecord>(label: string, forward: RecordsDiff<TRecord>): StoreHistoryEntry<TRecord>;
 export declare class StoreHistoryBuffer<TRecord extends StoreRecord = StoreRecord> {
-    private readonly marks;
     private readonly undoStack;
     private readonly redoStack;
-    private readonly _state;
-    readonly state: Signal<StoreHistoryState>;
+    get canUndo(): boolean;
+    get canRedo(): boolean;
     clear(): void;
-    mark(id: string): void;
     append(diff: RecordsDiff<TRecord>, label?: string): void;
-    bailToMark(id: string): RecordsDiff<TRecord> | null;
-    squashToMark(id: string, label?: string): StoreHistoryEntry<TRecord> | null;
     undo(): StoreHistoryEntry<TRecord> | null;
     redo(): StoreHistoryEntry<TRecord> | null;
+    /** Restores only the cursor movement performed by undo(). */
+    rollbackUndo(entry: StoreHistoryEntry<TRecord>): void;
+    /** Restores only the cursor movement performed by redo(). */
+    rollbackRedo(entry: StoreHistoryEntry<TRecord>): void;
     getEntries(): readonly StoreHistoryEntry<TRecord>[];
-    private publishState;
 }

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 { composeRecordsDiff, createEmptyRecordsDiff, filterRecordsDiff, getRecordMap, getRecordsDiff, invertRecordsDiff, isRecordsDiffEmpty, squashRecordsDiffs, } from "./diff";
+export { createStoreHistoryEntry, StoreHistoryBuffer, } from "./history";
+export { Store, type StoreOptions } from "./store";
 export type { ChangeSource, RecordUpdate, RecordsDiff, ScopedStoreRecord, StoreRecord, StoreChange, StoreScopeOf, StoreSnapshot, } from "./types";
-export type { StoreHistoryEntry, StoreHistoryMark, StoreHistoryState, } from "./history";
+export type { StoreHistoryEntry } from "./history";

package/_vendor/store/store.d.ts

@@ -1,23 +1,25 @@
-import { type Atom, type Signal } from "../signals/index";
+import { type Signal, type SignalGraph } from "../signals/index";
 import type { ChangeSource, RecordsDiff, ScopedStoreRecord, StoreChange, StoreRecord, StoreScopeOf } from "./types";
 type StoreListener<TRecord extends StoreRecord> = (change: StoreChange<TRecord>) => void;
+export interface StoreOptions<TRecord extends StoreRecord> {
+    signals?: SignalGraph;
+    writeGuard?: (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 draftRevisionSignal;
-    private readonly recordSignals;
+    readonly signals: SignalGraph;
+    private readonly records;
+    private activeTransaction;
+    private readonly recordAtoms;
+    private readonly revisionAtom;
+    private readonly draftRevisionAtom;
     private readonly listeners;
-    private transactionDepth;
-    private draftRecords;
-    private pendingSource;
-    constructor(initialRecords: TRecord[]);
+    private readonly writeGuard?;
+    constructor(initialRecords: TRecord[], options?: StoreOptions<TRecord>);
     get(id: string): TRecord | undefined;
-    getActiveAtomicOperationRevision(): number | null;
-    getActiveAtomicOperationSnapshot(): TRecord[];
-    /**
-     * Per-record reactive read that still respects draft records during atomic
-     * mutations. Use this inside computed values instead of wrapping `get(id)`.
-     */
+    getRevision(): number;
+    getActiveTransactionRevision(): number | null;
+    getActiveTransactionDiff(): RecordsDiff<TRecord>;
     getRecordSignal(id: string): Signal<TRecord | undefined>;
     getAll(): TRecord[];
     getByScope<TScope extends StoreScopeOf<ScopedRecord<TRecord>>>(scope: TScope): Array<Extract<ScopedRecord<TRecord>, {
@@ -25,14 +27,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 stageRecord;
     private getReadableRecords;
+    private requireActiveTransaction;
     private bumpDraftRevision;
+    private restoreTransactionSignals;
     private notifyListeners;
 }
 export {};

package/browser/indexedDb.d.ts

@@ -1,10 +1,6 @@
 export declare const CANVAS_KIT_INDEXEDDB_NAME = "canvas-kit.persistence";
 export declare const CANVAS_KIT_SNAPSHOT_STORE = "snapshots";
-export declare const CANVAS_KIT_IMAGE_BLOB_STORE = "imageBlobs";
 export declare const CANVAS_KIT_INDEXEDDB_VERSION = 2;
 export declare function openCanvasKitDatabase(): Promise<IDBDatabase | null>;
-export declare function readCanvasKitStoreValue(storeName: string, key: IDBValidKey): Promise<unknown | null>;
 export declare function readCanvasKitStoreValues(storeName: string, keys: readonly IDBValidKey[]): Promise<readonly unknown[] | null>;
 export declare function writeCanvasKitStoreValues(storeName: string, entries: readonly (readonly [IDBValidKey, unknown])[]): Promise<void>;
-export declare function deleteCanvasKitStoreValue(storeName: string, key: IDBValidKey): Promise<void>;
-export declare function getAllCanvasKitStoreKeys(storeName: string): Promise<IDBValidKey[] | null>;

package/browser/persistence.d.ts

@@ -1,8 +1,8 @@
-import type { ProductPersistenceAdapter, ProductPersistenceLoadResult } from "../runtime/persistenceContracts";
-import { CANVAS_KIT_IMAGE_BLOB_STORE, CANVAS_KIT_INDEXEDDB_NAME, CANVAS_KIT_INDEXEDDB_VERSION, CANVAS_KIT_SNAPSHOT_STORE } from "./indexedDb";
+import type { ProductPersistenceAdapter, ProductPersistenceLoadResult } from "../_vendor/canvas-extension-contracts/index";
+import { CANVAS_KIT_INDEXEDDB_NAME, CANVAS_KIT_INDEXEDDB_VERSION, CANVAS_KIT_SNAPSHOT_STORE } from "./indexedDb";
 export declare const CANVAS_KIT_DOCUMENT_STORAGE_KEY = "canvas-kit.document";
 export declare const CANVAS_KIT_SESSION_STORAGE_KEY = "canvas-kit.session";
-export { CANVAS_KIT_IMAGE_BLOB_STORE, CANVAS_KIT_INDEXEDDB_NAME, CANVAS_KIT_INDEXEDDB_VERSION, CANVAS_KIT_SNAPSHOT_STORE, };
+export { CANVAS_KIT_INDEXEDDB_NAME, CANVAS_KIT_INDEXEDDB_VERSION, CANVAS_KIT_SNAPSHOT_STORE, };
 export interface LocalSnapshotPersistenceOptions {
     storageNamespace?: string;
 }

package/browser/persistenceFlushEvents.d.ts

@@ -0,0 +1,2 @@
+import type { CanvasPersistenceFlushEvents } from "../runtime/canvasKitContracts";
+export declare function createBrowserPersistenceFlushEvents(): CanvasPersistenceFlushEvents;

package/chrome/floating/CanvasKitFloatingContent.d.ts

@@ -0,0 +1,10 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export type CanvasKitFloatingPlacement = "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+export interface CanvasKitFloatingContentProps extends HTMLAttributes<HTMLDivElement> {
+    readonly children: ReactNode;
+    readonly fallbackPlacements?: readonly CanvasKitFloatingPlacement[];
+    readonly offset?: number;
+    readonly placement?: CanvasKitFloatingPlacement;
+    readonly referenceElement: Element;
+}
+export declare function CanvasKitFloatingContent(props: CanvasKitFloatingContentProps): import("react").ReactPortal | null;

package/chrome/floating/CanvasKitFloatingPortal.d.ts

@@ -4,3 +4,4 @@ export declare function CanvasKitFloatingPortalProvider({ children, }: {
 }): import("react/jsx-runtime").JSX.Element;
 export declare function CanvasKitFloatingPortalHost(): import("react/jsx-runtime").JSX.Element;
 export declare function useCanvasKitFloatingPortalTarget(): HTMLDivElement | null;
+export declare function useCanvasKitFloatingPortalContainer(): HTMLDivElement | undefined;

package/chrome/floating/useCanvasKitFloatingPosition.d.ts

@@ -1,11 +1,13 @@
 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;
+import type { CanvasReadable, CanvasViewportState } from "../../runtime/canvasKitContracts";
+export declare function useCanvasKitFloatingPosition({ viewport, fallbackPlacements, floatingRef, getReferenceElement, onPlacementChange, offset, placement, visible, }: {
+    viewport: CanvasReadable<CanvasViewportState>;
     fallbackPlacements: readonly Placement[];
     floatingRef: RefObject<HTMLElement | null>;
     getReferenceElement(): ReferenceElement | null;
+    onPlacementChange?(placement: Placement): void;
     offset?: number;
     placement: Placement;
+    visible?: boolean;
 }): void;

package/chrome/toolbar/FloatingSelectionToolbarPageSpace.d.ts

@@ -1,9 +1,13 @@
 import { type ReactNode } from "react";
-import { type CanvasActionContext } from "../../_vendor/canvas-product-contracts/index";
-export declare function FloatingSelectionToolbarPageSpace({ children, className, context, dataUi, horizontalAlign, offset, visible, }: {
+import type { CanvasKitFloatingPlacement } from "../floating/CanvasKitFloatingContent";
+export interface FloatingSelectionToolbarPosition {
+    readonly placement: CanvasKitFloatingPlacement;
+    readonly getContentBounds: () => DOMRect | null;
+}
+export declare function useFloatingSelectionToolbarPosition(): FloatingSelectionToolbarPosition | null;
+export declare function FloatingSelectionToolbarPageSpace({ children, className, dataUi, horizontalAlign, offset, visible, }: {
     children: ReactNode;
     className?: string;
-    context: CanvasActionContext;
     dataUi?: string;
     horizontalAlign?: "center" | "start";
     offset?: number;

package/index.css

@@ -1,2 +1,2 @@
-:root{--land-selection:#2563eb;--land-canvas-bg:oklch(97.7% .004 95);--land-canvas-grid-minor:oklch(82% .01 95);--land-shape-fill-blue:#dbeafe;--land-shape-fill-green:#dcfce7;--land-shape-fill-red:#fee2e2;--land-shape-fill-amber:#fff7ed;--land-shape-fill-white:#f8fafc;--land-shape-fill-slate:#e2e8f0;--land-shape-stroke-blue:#1d4ed8;--land-shape-stroke-green:#15803d;--land-shape-stroke-red:#dc2626;--land-shape-stroke-orange:#ea580c;--land-shape-stroke-slate:#334155;--land-shape-stroke-muted:#94a3b8;--land-shape-text-slate:#0f172a;--land-shape-text-blue:#1d4ed8;--land-shape-text-green:#15803d;--land-shape-text-red:#dc2626;--canvas-background:var(--land-canvas-bg);--canvas-dot:var(--land-canvas-grid-minor);--border:oklch(84% .012 240);--accent:oklch(90% .024 210);--accent-foreground:oklch(24% .03 235);--muted-foreground:oklch(45% .018 245);--chrome-background:oklch(100% 5.96046e-8 none/.94);--chrome-foreground:oklch(18% .018 255);--chrome-border:color-mix(in oklch, var(--border) 88%, oklch(22% .02 255));--chrome-border-width:1px;--chrome-radius:.5rem;--chrome-control-radius:.375rem;--chrome-control-border-width:0px;--chrome-spacing:.25rem;--toolbar-control-size:1.75rem;--toolbar-floating-offset:2.375rem;--toolbar-floating-shift-padding:.5rem;--toolbar-title-padding-inline:.5rem;--toolbar-title-font-size:.75rem;--toolbar-title-line-height:1rem;--toolbar-separator-width:1px;--toolbar-separator-height:1.25rem;--toolbar-separator-margin-inline:.25rem;--toolbar-button-font-size:.8125rem;--shadow-chrome:0 14px 34px -26px #0f172a6b, 0 6px 16px -12px #0f172a3d}.land-canvas-kit__shell,.land-canvas-kit__shell *{box-sizing:border-box}.land-canvas-kit__shell{background:linear-gradient(var(--land-canvas-bg,var(--canvas-background)), var(--land-canvas-bg,var(--canvas-background))), var(--land-canvas-bg,var(--canvas-background));width:100%;height:100%;color:var(--chrome-foreground)}.land-canvas-kit__viewport{width:100%;height:100%;position:relative;overflow:hidden}.land-canvas__surface{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:hidden;background-color:var(--land-canvas-bg,var(--canvas-background))!important}.land-canvas__grid-background,.land-canvas__shape-layer,.land-canvas__shape-page-space,.land-canvas__overlay-layer,.land-canvas__overlay-page-space,.land-canvas__eraser-trail-page-space,.land-canvas__laser-trail-page-space,.land-canvas__floating-portal-host,.land-canvas__floating-toolbar-layer,.land-canvas__floating-selection-page-space{position:absolute;inset:0}.land-canvas__grid-background,.land-canvas__overlay-layer,.land-canvas__eraser-trail-page-space,.land-canvas__laser-trail-page-space,.land-canvas__floating-portal-host,.land-canvas__floating-toolbar-layer,.land-canvas__floating-selection-page-space,.land-canvas__floating-selection-anchor{pointer-events:none}.land-canvas__floating-portal-host{isolation:isolate;z-index:30}.land-canvas__floating-selection-anchor{z-index:30;position:absolute}.land-canvas-kit__text-link-popover{z-index:40;visibility:hidden;box-sizing:border-box;align-items:center;gap:var(--chrome-spacing);border:var(--chrome-border-width) solid var(--chrome-border);border-radius:var(--chrome-radius);background:var(--chrome-background);max-width:min(360px,100vw - 24px);color:var(--chrome-foreground);box-shadow:var(--shadow-chrome);padding:var(--chrome-spacing);pointer-events:auto;will-change:transform;display:flex;position:fixed;top:0;left:0}.land-canvas-kit__text-link-popover button:focus-visible{outline:2px solid var(--land-selection);outline-offset:1px}.land-canvas-kit__text-link-popover-icon-button,.land-canvas-kit__text-link-popover-link{border:var(--chrome-control-border-width) solid transparent;border-radius:var(--chrome-control-radius);cursor:pointer;background:0 0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.land-canvas-kit__text-link-popover-icon-button{width:var(--toolbar-control-size);height:var(--toolbar-control-size);color:var(--muted-foreground);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.land-canvas-kit__text-link-popover-link{min-width:0;max-width:min(260px,100vw - 7rem);color:var(--chrome-foreground);padding:0 var(--toolbar-title-padding-inline);font-size:var(--toolbar-title-font-size);line-height:var(--toolbar-title-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.land-canvas-kit__text-link-popover-icon-button:hover,.land-canvas-kit__text-link-popover-link:hover{background:var(--chrome-control-hover-background,var(--accent));color:var(--chrome-control-hover-foreground,var(--accent-foreground,var(--chrome-foreground)))}.land-text-editor__content{white-space:pre-wrap;overflow-wrap:break-word;outline:none;width:100%;height:100%;min-height:100%}.land-text-editor__content p{margin:0}.land-text-editor__content .land-rich-text-selection{background:color-mix(in srgb, var(--land-selection) 24%, transparent)}
+:root{--land-selection:#2563eb;--land-canvas-bg:oklch(97.7% .004 95);--land-canvas-grid-minor:oklch(82% .01 95);--land-shape-fill-blue:#dbeafe;--land-shape-fill-green:#dcfce7;--land-shape-fill-red:#fee2e2;--land-shape-fill-amber:#fff7ed;--land-shape-fill-white:#f8fafc;--land-shape-fill-slate:#e2e8f0;--land-shape-stroke-blue:#1d4ed8;--land-shape-stroke-green:#15803d;--land-shape-stroke-red:#dc2626;--land-shape-stroke-orange:#ea580c;--land-shape-stroke-slate:#334155;--land-shape-stroke-muted:#94a3b8;--land-shape-text-slate:#0f172a;--land-shape-text-blue:#1d4ed8;--land-shape-text-green:#15803d;--land-shape-text-red:#dc2626;--canvas-background:var(--land-canvas-bg);--canvas-dot:var(--land-canvas-grid-minor);--border:oklch(84% .012 240);--accent:oklch(90% .024 210);--accent-foreground:oklch(24% .03 235);--muted-foreground:oklch(45% .018 245);--chrome-background:oklch(100% 5.96046e-8 none/.94);--chrome-foreground:oklch(18% .018 255);--chrome-border:color-mix(in oklch, var(--border) 88%, oklch(22% .02 255));--chrome-border-width:1px;--chrome-radius:.5rem;--chrome-control-radius:.375rem;--chrome-control-border-width:0px;--chrome-spacing:.25rem;--toolbar-control-size:1.75rem;--toolbar-floating-offset:2.375rem;--toolbar-floating-shift-padding:.5rem;--toolbar-title-padding-inline:.5rem;--toolbar-title-font-size:.75rem;--toolbar-title-line-height:1rem;--toolbar-separator-width:1px;--toolbar-separator-height:1.25rem;--toolbar-separator-margin-inline:.25rem;--toolbar-button-font-size:.8125rem;--shadow-chrome:0 14px 34px -26px #0f172a6b, 0 6px 16px -12px #0f172a3d}.land-canvas-kit__shell,.land-canvas-kit__shell *{box-sizing:border-box}.land-canvas-kit__shell{background:linear-gradient(var(--land-canvas-bg,var(--canvas-background)), var(--land-canvas-bg,var(--canvas-background))), var(--land-canvas-bg,var(--canvas-background));width:100%;height:100%;color:var(--chrome-foreground)}.land-canvas-kit__viewport{width:100%;height:100%;position:relative;overflow:hidden}.land-canvas__floating-portal-host,.land-canvas__floating-toolbar-layer,.land-canvas__floating-selection-page-space{position:absolute;inset:0}.land-canvas__floating-portal-host,.land-canvas__floating-toolbar-layer,.land-canvas__floating-selection-page-space,.land-canvas__floating-selection-anchor{pointer-events:none}.land-canvas__floating-portal-host{isolation:isolate;z-index:30}.land-canvas__floating-selection-anchor{z-index:30;position:absolute}
 /*$vite$:1*/

package/index.d.ts

@@ -1,51 +1,20 @@
+import "./index.css";
 export { createCustomShapeColor, createThemeShapeColor, getThemeColorTokenName, isCustomShapeColorRef, isThemeShapeColorRef, resolveShapeColor, shapeColorToCssColor, } from "./_vendor/canvas-core/index";
-export { DEFAULT_TEXT_FONT, HOST_TEXT_FONT, createDefaultTextFontCatalog, createDefaultTextPluginOptions, getPlainTextFromRichText, textApiToken, } from "./_vendor/plugin-text/index";
-export type { TextApi, TextInput, TextPluginOptions, TextShapeProps, TextFontDefinition, TextFontFaceSource, TextFontCatalog, TextFontSource, TextFormattingApi, TextFormattingSnapshot, TextFormattingTarget, TextFormattingValue, TextInlineFormat, TextLinkPopoverPresenter, TextLinkPopoverPresenterProps, TextStylesheetFontSource, TextSystemFontSource, TextTiptapEditorChangeHandler, TextTiptapEditorHandle, } from "./_vendor/plugin-text/index";
-export { arrowApiToken } from "./_vendor/plugin-arrow/index";
-export type { ArrowApi, ArrowBindingInput, ArrowInput, } from "./_vendor/plugin-arrow/index";
-export { frameApiToken } from "./_vendor/plugin-frame/index";
-export type { FrameApi, FrameInput, FrameShapeProps, } from "./_vendor/plugin-frame/index";
-export { geoApiToken } from "./_vendor/plugin-geo/index";
-export type { GeoApi, GeoRectangleInput, GeoShapeKind, GeoShapeInput, GeoShapeProps, } from "./_vendor/plugin-geo/index";
-export type { ImageAssetProps, ImageShapeCrop, ImageShapeProps, ImageSmudgeBrush, ImageSmudgeStroke, ImageSmudgeStrokePoint, } from "./_vendor/plugin-image/index";
-export type { AssetId, Camera, ChangeSource, CustomShapeColorRef, EditorPlugin, LayerOrderDirection, LayerOrderEdge, ShapeColor, ThemeColorSlot, ThemeColorResolver, ThemeColorTokenName, ThemeShapeColorRef, } from "./_vendor/canvas-core/index";
+export type { AssetId, Camera, ChangeSource, CustomShapeColorRef, EditorPlugin, LayerOrderDirection, LayerOrderEdge, ShapeColor, ShapeId, ThemeColorSlot, ThemeColorResolver, ThemeColorTokenName, ThemeShapeColorRef, } from "./_vendor/canvas-core/index";
+export { createCanvasApiToken, defineCanvasPlugin, requireApi, } from "./_vendor/canvas-extension-contracts/index";
+export type { ActiveCanvasContextMenu, CanvasApiToken, CanvasAssetResolverContribution, CanvasExportArtifact, CanvasExportContribution, CanvasExportFormat, CanvasExportFormatProvider, CanvasExportPayload, CanvasImportContribution, CanvasImportRequest, CanvasImportResult, CanvasPlugin, CanvasPluginDefinition, CanvasPluginInput, CanvasPluginRequirement, CanvasPluginInstance, CanvasPluginSetupContext, CanvasProductAssetData, CanvasProductCreatePageInput, CanvasProductDocumentRef, CanvasProductExportController, CanvasProductExportInput, CanvasProductExportStatus, CanvasProductExportTarget, CanvasProductLayerActionState, CanvasProductLayerNode, CanvasProductLayerPlacement, CanvasProductLayerPlacementFailureReason, CanvasProductLayerPlacementResult, CanvasProductPageRef, CanvasProductSessionPageState, CanvasProductSessionSnapshot, CanvasProductShapeData, CanvasProductShapeUpdate, CanvasShapeRef, CanvasSvgInlineInput, ProductPersistenceAdapter, ProductPersistenceLoadResult, CanvasTaskRunner, ScopedProductApiRegistryView, SvgResourceInliner, } from "./_vendor/canvas-extension-contracts/index";
 export type { CanvasRenderPlugin } from "./_vendor/canvas-react/host/index";
-export { createCanvasPluginValueToken, } from "./_vendor/canvas-plugin-sdk/index";
-export { canvasActionsExtension, canvasApisExtension, canvasCapabilitiesExtension, canvasChromeExtension, canvasContextMenuExtension, canvasExportsExtension, canvasImportsExtension, canvasServicesExtension, canvasToolbarExtension, chromeChannels, createChromeChannel, createProductServiceToken, createToolbarChannel, createProductApiToken, toolbarChannels, } from "./_vendor/canvas-product-contracts/index";
-export { mergeToolbarGroups } from "./chrome/toolbar/mergeToolbarGroups";
-export { canvasToolActionsCapability } from "./plugins/runtime/tool-actions";
-export { canvasImportHostCapability } from "./plugins/runtime/import-host";
-export { canvasClipboardRuntimeCapability, canvasClipboardServiceToken, SYSTEM_CLIPBOARD_COPY_ACTION_ID, SYSTEM_CLIPBOARD_CUT_ACTION_ID, SYSTEM_CLIPBOARD_PASTE_ACTION_ID, SYSTEM_CLIPBOARD_PASTE_AT_POINT_ACTION_ID, } from "./_vendor/plugin-runtime-clipboard/index";
-export type { CanvasPluginCapabilityKind, CanvasPluginCapabilityToken, CanvasPluginRequirement, CanvasPluginSetupExtension, CanvasPluginValueToken, } from "./_vendor/canvas-plugin-sdk/index";
-export type { CanvasAction, CanvasActionAvailability, CanvasActionValue, CanvasPluginCapabilityRegistry, CanvasPluginCapabilitySetup, CanvasShapeRef, ChromeChannel, ChromeContribution, CanvasImportContribution, CanvasImportRequest, CanvasImportResult, CanvasExportArtifact, CanvasExportContribution, CanvasExportFormat, CanvasExportPayload, ContextMenuContribution, ProductApiRegistry, ProductApiToken, ProductServiceFactory, ProductServiceRegistry, ProductServiceSetup, ProductServiceToken, ToolbarChannel, ToolbarContribution, ToolbarSurface, } from "./_vendor/canvas-product-contracts/index";
-export type { ToolbarGroupSource } from "./chrome/toolbar/mergeToolbarGroups";
+export { CanvasKitRoot } from "./react/CanvasKitRoot";
+export { CanvasKitProvider, useCanvasKit, useCanvasValue, } from "./react/CanvasKitContext";
+export { applyCanvasActionShortcutOverrides, getCanvasActionShortcuts, } from "./react/canvasActions";
+export type { CanvasAction, CanvasActionShortcut, CanvasActionShortcutOverrides, CanvasKitChromeRenderer, CanvasKitRootProps, KeyboardShortcut, } from "./react/canvasKitRootContracts";
+export { createLocalSnapshotPersistence, readPersistedDocumentSnapshot, readPersistedEditorSnapshots, readPersistedSessionSnapshot, } from "./browser/persistence";
+export type { LocalSnapshotPersistenceOptions } from "./browser/persistence";
+export type { CanvasAssetsApi, CanvasContextMenuApi, CanvasDocumentApi, CanvasExportApi, CanvasGridApi, CanvasHistoryApi, CanvasHistoryState, CanvasErrorHandler, CanvasKit, CanvasKitOptions, CanvasKitSnapshot, CanvasKitStartupResult, CanvasLayersApi, CanvasPagesApi, CanvasPagesState, CanvasReadable, CanvasSelectionApi, CanvasSelectionBounds, CanvasSelectionState, CanvasSessionApi, CanvasSessionState, CanvasShapesApi, CanvasToolsApi, CanvasToolsState, CanvasViewportApi, CanvasViewportState, } from "./runtime/canvasKitContracts";
 export { CanvasKitFloatingToolbarLayer, } from "./chrome/toolbar/CanvasKitFloatingToolbarLayer";
-export { FloatingSelectionToolbarPageSpace, } from "./chrome/toolbar/FloatingSelectionToolbarPageSpace";
+export { CanvasKitFloatingContent } from "./chrome/floating/CanvasKitFloatingContent";
+export { useCanvasKitFloatingPortalContainer } from "./chrome/floating/CanvasKitFloatingPortal";
+export type { CanvasKitFloatingContentProps, CanvasKitFloatingPlacement, } from "./chrome/floating/CanvasKitFloatingContent";
+export { FloatingSelectionToolbarPageSpace, useFloatingSelectionToolbarPosition, } from "./chrome/toolbar/FloatingSelectionToolbarPageSpace";
+export type { FloatingSelectionToolbarPosition, } from "./chrome/toolbar/FloatingSelectionToolbarPageSpace";
 export { useCanvasKitWheelCapture, } from "./chrome/toolbar/CanvasKitWheelCapture";
-export { createTextHostPlugin } from "./plugins/host/text/textHostPlugin";
-export { createTextLinkHoverPopoverPresenter, } from "./plugins/host/text/link/TextLinkHoverPopover";
-export type { TextLinkHoverPopoverIcons, } from "./plugins/host/text/link/TextLinkHoverPopover";
-export { useCanvasKitLayerTree, } from "./chrome/useCanvasKitLayerTree";
-import "./index.css";
-export { CanvasKitRoot } from "./react/CanvasKitRoot";
-export { useCanvasKitRuntime } from "./react/useCanvasKitRuntime";
-export { createCanvasKitRuntime } from "./runtime/canvasKitRuntime";
-export { createStandardCanvasKitPlugins, } from "./plugins/standard/createStandardCanvasKitPlugins";
-export { canvasKitApisExtension, canvasKitAssetsExtension, canvasKitLifecycleExtension, canvasKitPersistenceExtension, canvasKitUiExtension, defineCanvasPlugin, } from "./runtime/canvasKitPluginContracts";
-export { CANVAS_KIT_TOOL_IDS } from "./canvasKitTools";
-export type { CanvasKitToolId } from "./canvasKitTools";
-export { CANVAS_KIT_COMMAND_TOKENS } from "./commands/commandTokens";
-export type { CanvasKitCommandToken } from "./commands/command";
-export type { CanvasProductAssetData, CanvasProductController, CanvasProductControllerChange, CanvasProductControllerChangeKey, CanvasProductControllerChangeListener, CanvasProductControllerSnapshot, CanvasProductCommittedChange, CanvasProductCreatePageInput, CanvasProductDocumentRef, CanvasProductLayerActionState, CanvasProductLayerNode, CanvasProductLayerPlacement, CanvasProductLayerPlacementFailureReason, CanvasProductLayerPlacementResult, CanvasProductPageRef, CanvasProductSessionPageState, CanvasProductSessionSnapshot, CanvasProductShapeData, CanvasProductShapeUpdate, CanvasProductRealtimeChange, CanvasProductSubscriptionOptions, } from "./controller";
-export type { CanvasKitChromeContext, CanvasKitContextMenuState, CanvasKitGridControls, CanvasKitLayerTreeSource, CanvasKitToolbarActionState, CanvasKitToolbarRuntime, ChromeCommandItem, ChromeItem, ChromeSection, ChromeSurfaces, CanvasActionContext, ContextMenuCommandItem, ContextMenuItem, ContextMenuSection, EditorSelectionMetadata, EditorSelectionState, HistoryControls, PageControls, ShapeId, ToolbarGroup, ToolbarItem, ToolbarSurfaces, ZoomControlsState, } from "./chrome/types";
-export type { CanvasKitChromeRenderer, CanvasKitDocumentSeed, CanvasKitRuntime, CanvasKitRuntimeOptions, CanvasKitRuntimeState, CanvasKitStartupResult, } from "./runtime/canvasKitRuntimeContracts";
-export type { CanvasKitRootProps } from "./react/CanvasKitRoot";
-export type { CanvasKitStandardPluginOptions, } from "./plugins/standard/createStandardCanvasKitPlugins";
-export type { CanvasKitPluginAssetSetup, CanvasPluginApi, CanvasPluginBeforeReadyContext, CanvasPluginBeforeReady, CanvasPluginBeforeCommand, CanvasPluginBeforeCommandContext, CanvasPluginLifecycleSetup, CanvasPluginPersistence, CanvasPluginComponent, CanvasPluginComponentProps, CanvasPlugin, CanvasPluginDefinition, CanvasPluginInput, CanvasPluginContext, CanvasPluginProvider, CanvasPluginSetup, CanvasPluginSetupContext, CanvasPluginUiSetup, } from "./runtime/canvasKitPluginContracts";
-export type { ProductPersistenceAdapter, ProductPersistenceLoadResult, } from "./runtime/persistenceContracts";
-export type { ProductAssetResolverService, } from "./runtime/productAssetResolvers";
-export type { CanvasClipboardService, } from "./_vendor/plugin-runtime-clipboard/index";
-export { canvasExportApiToken } from "./_vendor/plugin-runtime-export/index";
-export type { CanvasExportAppearance, CanvasExportApi, CanvasExportTarget, CanvasGenericExportInput, CanvasPngExportInput, CanvasSvgExportInput, ExportStatus, PngExportResult, SvgAssetInliner, SvgExportResult, } from "./_vendor/plugin-runtime-export/index";
-export { canvasKitImageHostApiToken, } from "./plugins/host/image";
-export type { CanvasKitImageHostApi, CanvasKitImageInsertInput, CanvasKitImageInsertSize, CanvasKitImageInsertSource, CanvasKitImageInsertStrategy, CanvasKitImageReplaceInput, CanvasKitImageSmudgeConfirmPayload, CanvasKitImageSmudgeController, } from "./plugins/host/image";