@yuzhouu/canvas-kit 0.1.2 → 0.1.3

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

@@ -0,0 +1,8 @@
+import { type ReactNode } from "react";
+import type { Editor } from "../../canvas-core/index";
+import type { TextShapeRecord } from "../textTypes";
+export interface TextShapeRendererRuntime {
+    isEditingThisShape: boolean;
+    editingHost: ReactNode;
+}
+export declare function useTextShapeRendererRuntime(editor: Editor, shape: TextShapeRecord): TextShapeRendererRuntime;

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

@@ -0,0 +1,17 @@
+import { type MutableRefObject } from "react";
+import type { Editor as TiptapEditor } from "@tiptap/react";
+import type { Editor } from "../../canvas-core/index";
+import { type RichTextDocument, type TextShapeRecord } from "../textTypes";
+import type { TiptapTextEditorController } from "./tiptapTextEditorController";
+export declare function useLatestTextShapeRef(shape: TextShapeRecord): MutableRefObject<TextShapeRecord>;
+export declare function useRichTextShapeSync({ editor, shape, tiptapEditor, richTextController, latestShapeRef, }: {
+    editor: Editor;
+    shape: TextShapeRecord;
+    tiptapEditor: TiptapEditor | null;
+    richTextController: TiptapTextEditorController | null;
+    latestShapeRef: MutableRefObject<TextShapeRecord>;
+}): (input: {
+    editor: TiptapEditor;
+    controller: TiptapTextEditorController;
+    richText: RichTextDocument;
+}) => void;

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

@@ -0,0 +1,33 @@
+import type { Editor as TiptapEditor } from "@tiptap/react";
+import { type Editor, type ShapeId } from "../../canvas-core/index";
+import type { RichTextDocument, TextShapeRecord } from "../textTypes";
+export interface TiptapTextSelectionSnapshot {
+    type: string | null;
+    text: string | null;
+}
+export interface TiptapTextEditorController {
+    readonly shapeId: ShapeId;
+    getValue(): RichTextDocument;
+    setValue(value: RichTextDocument): void;
+    isDestroyed(): boolean;
+    isConnected(): boolean;
+    isFocused(): boolean;
+    focus(): void;
+    focusEnd(): void;
+    focusSelectAll(): void;
+    focusAtPagePoint(editor: Editor, pagePoint: {
+        x: number;
+        y: number;
+    }): void;
+    getSelectionSnapshot(): TiptapTextSelectionSnapshot;
+    collapseSelectionAtClientPoint(clientX: number, clientY: number): void;
+    measure(shape: TextShapeRecord): {
+        w: number;
+        h: number;
+    } | undefined;
+    onCompositionStateChange(listener: (isComposing: boolean) => void): () => void;
+}
+export declare function createTiptapTextEditorController({ shapeId, editor, }: {
+    shapeId: ShapeId;
+    editor: TiptapEditor;
+}): TiptapTextEditorController;

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

@@ -0,0 +1,4 @@
+export { Text, createTextFeatureBundle } from "./feature";
+export { createRichTextFromPlainText, getPlainTextFromRichText, validateRichTextDocument, } from "./richTextUtils";
+export { isTextShapeRecord, updateTextShapeRichText, } from "./textShapeHelpers";
+export type { RichTextDocument, TextShapeAlign, TextShapeFont, TextShapeProps, TextShapeRecord, TextShapeSize, } from "./textTypes";

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

@@ -0,0 +1,18 @@
+import type { JSONContent } from "@tiptap/core";
+import type { RichTextDocument } from "./textTypes";
+export type RichTextTextNode = JSONContent & {
+    type: "text";
+    text: string;
+};
+export interface RichTextMarkStyle {
+    fontWeight?: number;
+    fontStyle?: "italic";
+    textDecorationLine?: "line-through";
+}
+export declare function createRichTextFromPlainText(text: string): RichTextDocument;
+export declare function getPlainTextFromRichText(richTextDocument: RichTextDocument): string;
+export declare function validateRichTextDocument(value: unknown): RichTextDocument;
+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 getRichTextMarkStyle(marks: JSONContent["marks"]): RichTextMarkStyle | undefined;

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

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

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

@@ -0,0 +1,44 @@
+import type { Editor, ShapeId, ShapeRecord } 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";
+export type TextLabelBindingType = typeof ARROW_LABEL_BINDING_TYPE | typeof GEO_LABEL_BINDING_TYPE;
+export interface TextLabelBehavior {
+    selectionTarget: "label" | "owner";
+    translateTarget: "label" | "owner";
+    contributesToSelectionFrame: boolean;
+    canUseSelectionFrameHandles: boolean;
+    canPlaceCaretWhenOwnerSelected: boolean;
+    showsCompanionFrameWhenOwnerSelected: boolean;
+}
+export interface TextLabelTargetInfo {
+    label: TextShapeRecord;
+    ownerId: ShapeId;
+    bindingType: TextLabelBindingType;
+    behavior: TextLabelBehavior;
+}
+export interface TextLabelCreateOptions {
+    bindingType: TextLabelBindingType;
+    owner: ShapeRecord;
+    historyMarkId: string;
+    index: string;
+    layout: Pick<TextShapeRecord, "x" | "y" | "rotation"> & {
+        props: Pick<TextShapeProps, "w"> & Partial<TextShapeProps>;
+    };
+    bindingProps?: Record<string, unknown>;
+}
+export declare function getTextLabelShapeForOwner(editor: Editor, ownerId: ShapeId, bindingType: TextLabelBindingType): TextShapeRecord | null;
+export declare function createBoundTextLabelShape(editor: Editor, options: TextLabelCreateOptions): TextShapeRecord;
+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 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: {
+    editMarkId: string;
+    createMarkId: string;
+    isExisting: boolean;
+}): void;

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

@@ -0,0 +1,21 @@
+import type { BaseRecord, ChangeSource, Editor, ShapeId, ShapeParentId } from "../canvas-core/index";
+import type { RichTextDocument, TextShapeProps, TextShapeRecord } from "./textTypes";
+export interface CreateTextShapeInput {
+    x: number;
+    y: number;
+    props?: Partial<TextShapeProps>;
+    parentId?: ShapeParentId;
+    index?: string;
+    rotation?: number;
+    scaleX?: number;
+    scaleY?: number;
+    meta?: Record<string, unknown>;
+}
+export declare function isTextShapeRecord(record: BaseRecord | null | undefined): record is TextShapeRecord;
+export declare function cloneTextShapeProps(props: TextShapeProps): TextShapeProps;
+export declare function getDefaultTextShapeProps(editor: Editor): TextShapeProps;
+export declare function createTextShape(editor: Editor, input: CreateTextShapeInput, source?: ChangeSource): TextShapeRecord;
+export declare function updateTextShapeRichText(editor: Editor, shapeId: ShapeId, richText: RichTextDocument, options?: {
+    w?: number;
+    h?: number;
+}, source?: ChangeSource): void;

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

@@ -0,0 +1,9 @@
+import type { TextShapeAlign, TextShapeFont, TextShapeRecord, TextShapeSize } from "./textTypes";
+export declare const DEFAULT_TEXT_FONT: TextShapeFont;
+export declare function getTextFontFamily(font: TextShapeFont): string;
+export declare function getTextFontSize(size: TextShapeSize): number;
+export declare function getTextLineHeight(size: TextShapeSize): number;
+export declare function getTextMinHeight(size: TextShapeSize, scale?: number): number;
+export declare function getTextAlign(align: TextShapeAlign): "left" | "center" | "right";
+export declare function getTextAnchorX(align: TextShapeRecord["props"]["textAlign"], width: number): number;
+export declare function getSvgTextAnchor(align: TextShapeRecord["props"]["textAlign"]): "start" | "middle" | "end";

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

@@ -0,0 +1,28 @@
+import type { ShapeRecordBase } from "../canvas-core/index";
+import type { JSONContent } from "@tiptap/core";
+export type RichTextJsonValue = string | number | boolean | null | RichTextJsonValue[] | {
+    [key: string]: RichTextJsonValue;
+};
+export interface RichTextDocument {
+    type: "doc";
+    attrs?: Record<string, RichTextJsonValue>;
+    content: JSONContent[];
+}
+export type TextShapeFont = "noto-sans-sc" | "noto-serif-sc" | "noto-sans-mono" | "ma-shan-zheng";
+export type TextShapeSize = "s" | "m" | "l" | "xl";
+export type TextShapeAlign = "start" | "middle" | "end";
+export interface TextShapeProps {
+    richText: RichTextDocument;
+    w: number;
+    h: number;
+    autoSize: boolean;
+    scale: number;
+    font: TextShapeFont;
+    size: TextShapeSize;
+    color: string;
+    textAlign: TextShapeAlign;
+}
+export interface TextShapeRecord extends ShapeRecordBase<"text", TextShapeProps> {
+    type: "text";
+    props: TextShapeProps;
+}

package/_vendor/signals/atom.d.ts

@@ -0,0 +1,9 @@
+import { Signal } from "./types";
+export interface Atom<T> extends Signal<T> {
+    set(value: T): T;
+    update(updater: (value: T) => T): T;
+}
+export declare function atom<T>(name: string, initialValue: T, opts?: {
+    isEqual?: (a: T, b: T) => boolean;
+}): Atom<T>;
+export declare function isAtom(value: any): value is Atom<any>;

package/_vendor/signals/computed.d.ts

@@ -0,0 +1,11 @@
+import { Signal } from "./types";
+declare const UNINITIALIZED: unique symbol;
+type UNINITIALIZED = typeof UNINITIALIZED;
+export { UNINITIALIZED };
+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>;

package/_vendor/signals/core.d.ts

@@ -0,0 +1,17 @@
+import { Child, Signal } from "./types";
+export declare function getGlobalEpoch(): number;
+export declare function advanceGlobalEpoch(): number;
+interface Transaction {
+    initialAtomValues: Map<_Atom<any>, any>;
+}
+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 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 {};

package/_vendor/signals/effect.d.ts

@@ -0,0 +1,29 @@
+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;
+/**
+ * Alias: react() — same as effect()
+ */
+export declare function react(name: string, fn: () => void, opts?: EffectSchedulerOptions): () => void;

package/_vendor/signals/types.d.ts

@@ -0,0 +1,15 @@
+/** A reactive signal that holds subscribers */
+export interface Signal<T> {
+    readonly name: string;
+    get(): T;
+    __unsafe__getWithoutCapture(): T;
+    lastChangedEpoch: number;
+    children: Set<Child>;
+}
+export interface Child {
+    type: "computed" | "effect";
+    notify(): void;
+    source?: Signal<any>;
+}
+export declare const RESET_VALUE: unique symbol;
+export type RESET_VALUE = typeof RESET_VALUE;

package/_vendor/store/Store.d.ts

@@ -0,0 +1,26 @@
+import { type Atom } 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 listeners;
+    private transactionDepth;
+    private draftRecords;
+    private pendingSource;
+    constructor(initialRecords: TRecord[]);
+    get(id: string): TRecord | undefined;
+    getAll(): TRecord[];
+    getByScope<TScope extends StoreScopeOf<ScopedRecord<TRecord>>>(scope: TScope): Array<Extract<ScopedRecord<TRecord>, {
+        scope: TScope;
+    }>>;
+    listen(listener: StoreListener<TRecord>): () => void;
+    atomic(fn: () => void, source?: ChangeSource): void;
+    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;
+}
+export {};

package/_vendor/store/diff.d.ts

@@ -0,0 +1,9 @@
+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 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>;
+export declare function composeRecordsDiff<TRecord extends StoreRecord, TNextRecord extends TRecord>(left: RecordsDiff<TRecord>, right: RecordsDiff<TNextRecord>): RecordsDiff<TRecord | TNextRecord>;
+export declare function squashRecordsDiffs<TRecord extends StoreRecord, TNextRecord extends TRecord>(diffs: Iterable<RecordsDiff<TRecord> | RecordsDiff<TNextRecord>>): RecordsDiff<TRecord | TNextRecord>;
+export declare function filterRecordsDiff<TRecord extends StoreRecord, TFilteredRecord extends TRecord>(diff: RecordsDiff<TRecord>, predicate: (record: TRecord) => record is TFilteredRecord): RecordsDiff<TFilteredRecord>;

package/_vendor/store/history.d.ts

@@ -0,0 +1,37 @@
+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>;
+    clear(): void;
+    mark(id: string): void;
+    append(diff: RecordsDiff<TRecord>): void;
+    bailToMark(id: string): RecordsDiff<TRecord> | null;
+    squashToMark(id: string, label?: string): StoreHistoryEntry<TRecord> | null;
+    undo(): StoreHistoryEntry<TRecord> | null;
+    redo(): StoreHistoryEntry<TRecord> | null;
+    getEntries(): readonly StoreHistoryEntry<TRecord>[];
+    private publishState;
+}

package/_vendor/store/index.d.ts

@@ -0,0 +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 type { ChangeSource, RecordUpdate, RecordsDiff, ScopedStoreRecord, StoreRecord, StoreChange, StoreScopeOf, StoreSnapshot, } from "./types";
+export type { StoreHistoryEntry, StoreHistoryMark, StoreHistoryState, } from "./history";

package/_vendor/store/types.d.ts

@@ -0,0 +1,27 @@
+export type ChangeSource = "user" | "system" | "history";
+export interface StoreRecord {
+    id: string;
+}
+export interface ScopedStoreRecord<TScope extends string = string> extends StoreRecord {
+    scope: TScope;
+}
+export type StoreScopeOf<TRecord> = TRecord extends {
+    scope: infer TScope extends string;
+} ? TScope : never;
+export interface StoreSnapshot<TRecord extends StoreRecord = StoreRecord, TSchemaVersion extends number = number> {
+    schemaVersion: TSchemaVersion;
+    records: TRecord[];
+}
+export interface RecordUpdate<TRecord extends StoreRecord = StoreRecord> {
+    before: TRecord;
+    after: TRecord;
+}
+export interface RecordsDiff<TRecord extends StoreRecord = StoreRecord> {
+    added: TRecord[];
+    updated: RecordUpdate<TRecord>[];
+    removed: TRecord[];
+}
+export interface StoreChange<TRecord extends StoreRecord = StoreRecord> {
+    source: ChangeSource;
+    diff: RecordsDiff<TRecord>;
+}

package/api/canvasKitApi.d.ts

@@ -1,6 +1,6 @@
-import { type CanvasProductApiOptions, type CanvasProductApiContext, type CanvasProductSessionSnapshot } from "@land/canvas-product-react/api";
+import { type CanvasProductApiOptions, type CanvasProductApiContext, type CanvasProductSessionSnapshot } from "../_vendor/canvas-product-react/api/index";
 import { type StandardCanvasApi, type StandardCanvasApiSnapshot, type StandardCanvasFrameInput, type StandardCanvasShapeInput, type StandardCanvasTextInput } from "../standard";
-import { type ImageProductApi } from "@land/plugin-image-product-react";
+import { type ImageProductApi } from "../_vendor/plugin-image-product-react/index";
 export type CanvasKitShapeInput = StandardCanvasShapeInput;
 export type CanvasKitTextInput = StandardCanvasTextInput;
 export type CanvasKitFrameInput = StandardCanvasFrameInput;

package/index.css

@@ -1,3 +1,3 @@
 /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
-@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.contents{display:contents}.hidden{display:none}.h-full{height:100%}.w-full{width:100%}.overflow-hidden{overflow:hidden}}:root{--canvas-background:oklch(97.7% .004 95);--canvas-dot:oklch(82% .01 95);--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:var(--border)}@supports (color:color-mix(in lab, red, red)){:root{--chrome-border:color-mix(in oklch, var(--border) 88%, oklch(22% .02 255))}}:root{--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:.5rem;--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}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--canvas-background);color:var(--chrome-foreground);margin:0;font-family:SF Pro Text,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.block{display:block}.h-full{height:100%}.min-h-full{min-height:100%}.w-full{width:100%}.overflow-hidden{overflow:hidden}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.outline-none{outline:none}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.ic-canvas{background-color:var(--canvas-background)!important}.land-app-shell{background:linear-gradient(var(--canvas-background), var(--canvas-background)), var(--canvas-background);color:var(--chrome-foreground)}.land-rich-text-editor p{margin:0}
+@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.hidden{display:none}.h-full{height:100%}.w-full{width:100%}.overflow-hidden{overflow:hidden}}:root{--canvas-background:oklch(97.7% .004 95);--canvas-dot:oklch(82% .01 95);--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:var(--border)}@supports (color:color-mix(in lab, red, red)){:root{--chrome-border:color-mix(in oklch, var(--border) 88%, oklch(22% .02 255))}}:root{--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:.5rem;--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}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--canvas-background);color:var(--chrome-foreground);margin:0;font-family:SF Pro Text,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.block{display:block}.h-full{height:100%}.min-h-full{min-height:100%}.w-full{width:100%}.overflow-hidden{overflow:hidden}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.outline-none{outline:none}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.ic-canvas{background-color:var(--canvas-background)!important}.land-app-shell{background:linear-gradient(var(--canvas-background), var(--canvas-background)), var(--canvas-background);color:var(--chrome-foreground)}.land-rich-text-editor p{margin:0}
 /*$vite$:1*/

package/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference path="./internal-modules.d.ts" />
 import { type ComponentPropsWithoutRef } from "react";
 import type { CanvasKitApi } from "./api/canvasKitApi";
 import { createCanvasKitApi, createCanvasKitApiWithTools } from "./api/canvasKitApi";

package/index.mjs

@@ -1 +1 @@
-import{c as o,d as e,l as s,n as t,t as a,u as i}from"./product-iyBbEPIs.mjs";import{forwardRef as n,useEffect as r,useImperativeHandle as p,useMemo as d,useState as c}from"react";import{jsx as l}from"react/jsx-runtime";var m=n(({className:o,exposeApiOnWindow:s=!1,onReady:a,style:i,...n},m)=>{const[u,h]=c(null),f=d(()=>t({exposeApiOnWindow:s,onApiDispose(){h(null)},onApiReady(o){h(o)}}),[s]);return p(m,()=>u,[u]),r(()=>{u&&a?.(u)},[u,a]),/* @__PURE__ */l("div",{"data-ui":"canvas-kit-component-root",className:o,style:{width:"100%",height:"100%",overflow:"hidden",...i??{}},...n,children:/* @__PURE__ */l(e,{product:f})})});export{o as CANVAS_KIT_TOOL_IDS,m as CanvasKit,a as canvasKitProduct,s as createCanvasKitApi,i as createCanvasKitApiWithTools,t as createCanvasKitProduct};
+import{c as o,d as e,l as s,n as t,t as a,u as i}from"./product-CxN5NN6u.mjs";import{forwardRef as n,useEffect as r,useImperativeHandle as p,useMemo as d,useState as c}from"react";import{jsx as l}from"react/jsx-runtime";var m=n(({className:o,exposeApiOnWindow:s=!1,onReady:a,style:i,...n},m)=>{const[u,h]=c(null),f=d(()=>t({exposeApiOnWindow:s,onApiDispose(){h(null)},onApiReady(o){h(o)}}),[s]);return p(m,()=>u,[u]),r(()=>{u&&a?.(u)},[u,a]),l("div",{"data-ui":"canvas-kit-component-root",className:o,style:{width:"100%",height:"100%",overflow:"hidden",...i??{}},...n,children:l(e,{product:f})})});export{o as CANVAS_KIT_TOOL_IDS,m as CanvasKit,a as canvasKitProduct,s as createCanvasKitApi,i as createCanvasKitApiWithTools,t as createCanvasKitProduct};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuzhouu/canvas-kit",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Land canvas packaged as an all-in-one React canvas kit and typed API surface.",
   "type": "module",
   "main": "./index.mjs",

package/product/Shell.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from "react";
-import type { CanvasProductShellProps } from "@land/canvas-product-react";
-import { type CanvasProductApiContext } from "@land/canvas-product-react/api";
+import type { CanvasProductShellProps } from "../_vendor/canvas-product-react/index";
+import { type CanvasProductApiContext } from "../_vendor/canvas-product-react/api/index";
 import type { StandardCanvasApi } from "../standard";
 import type { CanvasKitApi } from "../api/canvasKitApi";
 import { type CanvasKitChromeContext } from "./chromeContext";

package/product/chromeContext.d.ts

@@ -1,13 +1,13 @@
 import { type ReactNode } from "react";
-import type { Editor, EditorSelectionState, EditorToolState, ShapeCapabilityManifest, ShapeId } from "@land/canvas-core";
-import type { CanvasPluginHostRuntime } from "@land/canvas-react/host";
-import type { CanvasProductDefinition, ProductServiceRegistry } from "@land/canvas-product-react";
-import { type ContextMenuSurface, type HistoryControls, type PageControls, type SvgExportControls, type ToolbarSurfaces, type ZoomControlsState } from "@land/canvas-product-react";
-import type { ContextMenuOpenSnapshot, ToolbarActionValue, ToolbarContext } from "@land/canvas-core";
+import type { Editor, EditorSelectionState, EditorToolState, ShapeCapabilityManifest, ShapeId } from "../_vendor/canvas-core/index";
+import type { CanvasPluginHostRuntime } from "../_vendor/canvas-react/host/index";
+import type { CanvasProductDefinition, ProductServiceRegistry } from "../_vendor/canvas-product-react/index";
+import { type ContextMenuSurface, type HistoryControls, type PageControls, type SvgExportControls, type ToolbarSurfaces, type ZoomControlsState } from "../_vendor/canvas-product-react/index";
+import type { ContextMenuOpenSnapshot, ToolbarActionValue, ToolbarContext } from "../_vendor/canvas-core/index";
 import type { StandardCanvasApi, StandardCanvasLayerNode } from "../standard";
-import { type ImageAssetService } from "@land/plugin-image-product-react";
-export type { ContextMenuCommandItem, ContextMenuItem, ContextMenuSection, EditorSelectionState, EditorToolState, ShapeCapabilityManifest, ShapeId, ToolbarActionValue, ToolbarContext, ToolbarGroup, ToolbarItem, } from "@land/canvas-core";
-export type { ContextMenuSurface, HistoryControls, PageControls, SvgExportControls, ToolbarSurfaces, ZoomControlsState, } from "@land/canvas-product-react";
+import { type ImageAssetService } from "../_vendor/plugin-image-product-react/index";
+export type { ContextMenuCommandItem, ContextMenuItem, ContextMenuSection, EditorSelectionState, EditorToolState, ShapeCapabilityManifest, ShapeId, ToolbarActionValue, ToolbarContext, ToolbarGroup, ToolbarItem, } from "../_vendor/canvas-core/index";
+export type { ContextMenuSurface, HistoryControls, PageControls, SvgExportControls, ToolbarSurfaces, ZoomControlsState, } from "../_vendor/canvas-product-react/index";
 export type { StandardCanvasLayerNode } from "../standard";
 export interface CanvasKitToolbarActionState {
     value: ToolbarActionValue | undefined;

package/product/createCanvasKitEditor.d.ts

@@ -1,4 +1,4 @@
-import { Editor, type AssetId, type LandCorePlugin } from "@land/canvas-core";
+import { Editor, type AssetId, type LandCorePlugin } from "../_vendor/canvas-core/index";
 export interface CreateCanvasKitEditorOptions {
     corePlugins: readonly LandCorePlugin[];
     resolveAssetUrl?: (assetId: AssetId) => string | null;

package/product/persistence.d.ts

@@ -1,3 +1,3 @@
-import type { Editor } from "@land/canvas-core";
+import type { Editor } from "../_vendor/canvas-core/index";
 export declare const CANVAS_KIT_STORAGE_NAMESPACE = "land.canvasKit";
 export declare function persistCanvasKitEditorSnapshot(editor: Editor): Promise<void>;

package/product/product.d.ts

@@ -1,4 +1,4 @@
-import { type CanvasProductDefinition, type CanvasProductRuntimeSetup, type ProductPersistenceAdapter, type ProductServiceFactory } from "@land/canvas-product-react";
+import { type CanvasProductDefinition, type CanvasProductRuntimeSetup, type ProductPersistenceAdapter, type ProductServiceFactory } from "../_vendor/canvas-product-react/index";
 import type { StandardCanvasApi } from "../standard";
 import type { CanvasKitApi } from "../api/canvasKitApi";
 import { persistCanvasKitEditorSnapshot } from "./persistence";

package/product/useCanvasClipboardShortcuts.d.ts

@@ -1,5 +1,5 @@
-import type { Editor } from "@land/canvas-core";
-import type { CanvasPluginHostRuntime } from "@land/canvas-react/host";
+import type { Editor } from "../_vendor/canvas-core/index";
+import type { CanvasPluginHostRuntime } from "../_vendor/canvas-react/host/index";
 export declare function useCanvasClipboardShortcuts({ editor, pluginHostRuntime, }: {
     editor: Editor;
     pluginHostRuntime: CanvasPluginHostRuntime;